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

  • 时间:2018-09-22 22:51 作者:阿达老师x少儿编程 来源:阿达老师x少儿编程 阅读:297
  • 扫一扫,手机访问
摘要:在前面的课程里,我们学习了使用html、css、JavaScript来开发一个网页。这节课,我们来看看开发好的网页怎样部署到网络上让别人看到我们的作品。代码放哪儿要想让别人访问到我们做的网页,我们首先需要把自己开发的网页文件放到一个别人能够访问到的地方。在git出现之前,我们需要自己找一个所有人都可

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

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

代码放哪儿

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

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

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

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

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

coding.net

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

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

  2. 进入https://coding.net/user页面,点击右上角加号创立一个项目。项目名称和项目按照自己想法填写。
    从0开始学python第11.4节-hexo搭建自己的播客

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

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

  5. 我们点击新建工作空间。在打开的页面里我们选择刚刚创立的项目。页面会提醒我们默认的工作空间配置,这个不用改变,点击创立。页面就进入IDE开发环境。
    从0开始学python第11.4节-hexo搭建自己的播客

hexo

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

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

安装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,是不是很酷!
从0开始学python第11.4节-hexo搭建自己的播客

增加自己设置页面

现在我们把自己的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
从0开始学python第11.4节-hexo搭建自己的播客

自己搭建服务器

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

从0开始学python第11.4节-hexo搭建自己的播客阿达老师-孩子身边的编程专家
完整课程请关注阿达老师,主页里有完整的课程目录和观看地址

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】树莓派安装TensorFlow(2020-04-24 21:11)
【系统环境|服务器应用】防面试-SD_WebImage(2020-04-24 21:11)
【系统环境|服务器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
【系统环境|服务器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
【系统环境|服务器应用】如何轻松学习JavaScript?(2020-04-24 21:10)
【系统环境|服务器应用】【源码剖析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各布局细节参数(2020-04-24 21:10)
【系统环境|服务器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
【系统环境|服务器应用】好用的Middleware实现(2020-04-24 21:10)
【系统环境|服务器应用】前台面试每日 3+1 —— 第373天(2020-04-24 21:10)
【系统环境|服务器应用】绍圣--kafka之生产者(五)(2020-04-24 21:10)
手机二维码手机访问领取大礼包
返回顶部