从0开始学python第11.4节-使用hexo搭建自己的播客

在前面的课程里,我们学习了使用html、css、JavaScript来开发一个网页。这节课,我们来看看开发好的网页怎么部署到网络上让别人看到我们的作品。

代码放哪儿

要想让别人访问到我们做的网页,我们首先需要把自己开发的网页文件放到一个别人能够访问到的地方。在git出现之前,我们需要自己找一个所有人都可以访问到的服务器,把代码上传上去。

git本质是个代码管理工具,因为我们的网页是静态的文件,所以只要有一个可以访问的地址就可以加载这些文件了。我们默认从github上访问某个html内容,github返回的是html文件,并没有以http网页服务的形式将页面放回。

当我们在github创建一个项目时,可以指定开启静态网页服务。这样,github就会将这个项目视为一个网站了。

coding.net

coding.net是国内基于git的代码托管网站,也提供了静态网页服务。相比于github,coding.net拥有更好的访问速度。下面我们就在coding.net下把我们写的代码部署好。

  1. 首先,我们打开coding.net 注册一个自己的账号。

  2. 进入https://coding.net/user页面,点击右上角加号创建一个项目。项目名称和项目按照自己想法填写。

  3. 项目创建好后,我们记录下项目的git地址。打开代码菜单下的Pages服务,选择意见开启静态Pages。

  4. 除了代码托管,coding.net还给我们提供了一个在线写代码的平台,我们点击coding studio。页面会提示我们前往IDE,进入在线编码环境。

  5. 我们点击新建工作空间。在打开的页面里我们选择刚刚创建的项目。页面会提示我们默认的工作空间配置,这个不用改变,点击创建。页面就进入IDE开发环境。

hexo

在把我们自己写的代码放到coding.net之前,我们先学习一下hexo。
hexo是一个快速、简洁且高效的博客框架。我们不需要学习太多知识就可以搭建一个自己的播客。按照下面的操作就可以在coding.net完成自己的播客的搭建。

安装hexo

  1. 在ide里修改工作空间运行环境为hexo。

  2. 在终端中运行hexo init 项目名称 项目名称可以任意填写。(此步比较耗时)

  3. 运行命令:cd 项目名称 ;运行命令:npm install

  4. 修改hexo配置文件。打开项目里的\_config.yml 文件。
    1)更改部署方式:

deploy:    type: git    repo: https://git.coding.net/xiaomomolqj/blog.git    branch: master    message: blog update

2)设置中文渲染 language: zh-CN
3)更改访问路径:

root: /blog

这里的root目录是就是我们输入的项目名称。

写自己的blog

  • 使用命令hexo new 名称,新建一个title为名称的文章。

  • 在title文章里写自己想写的内容

部署

在终端中运行命令hexo g & hexo d ,编译并部署我们刚刚新增的文件。在部署过程中终端会提示我们输入coding.net的用户名和密码。部署完成后我们就可以访问自己的播客了。
在coding.net的Pages服务里点击访问地址,浏览器就打开了我们搭建的blog,是不是很酷!

添加自定义页面

现在我们把自己的blog搭建好了,那怎么把自己写的网页放进去呢?我们可以按照下面的操作步骤把自己写的网页也发布到hexo里。
1)创建自定义网页的文件夹
在ide的终端里进入项目文件夹,创建自定义网页目录:mkdir src
2)新建自定义网页
在终端里用touch index.html 命令新增 index.html网页。将自己的代码copy到index.html里面。
3)配置不使用hexo渲染
_config.yml里增加配置:skip_render: source/src/**
4)发布
运行命令:hexo g & hexo d 部署页面。
经过上面的操作,我们就把自己的网页部署到hexo上了,比如我们上节课写的计算器网页:http://xiaomomolqj.coding.me/blog/src/index.html

自己搭建服务器

通过coding.net和hexo,我们可以搭建一个自己的静态网站,下节课,我们一起学习一下怎么用python搭建动态网站。


阿达老师-孩子身边的编程专家
完整课程请关注阿达老师,主页里有完整的课程目录和观看地址

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,607评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,239评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,960评论 0 355
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,750评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,764评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,604评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,347评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,253评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,702评论 1 315
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,893评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,015评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,734评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,352评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,934评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,052评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,216评论 3 371
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,969评论 2 355

推荐阅读更多精彩内容