「实例教程篇」应用GitHub+Hexo构建本人静态数据

摘要:嗨,大伙儿好,今日来到应用GitHub+Hexo构建本人blog的第二期了,第一期我的天,阅读文章量还比不上一个小手机软件的,这也算作一个小干货知识实例教程啊,咋没有人看捏。...

嗨,大伙儿好,今日来到应用GitHub+Hexo构建本人blog的第二期了,第一期我的天,阅读文章量还比不上一个小手机软件的,这也算作一个小干货知识实例教程啊,咋没有人看捏。

OK!那今日就开展第二期了,关键是在当地安裝Hexoblog,及其把blog提交到GitHub上来。插一句哈,这一期实例教程是接好上一期的,假如你上一期沒有取得成功得话,是没法开展这期的。OK!空话很少说,立即刚开始。

实例教程:

1.最先在硬盘里在建一个文档夹,用于储放本人blog的程序、主题风格及其后边你需要写的文章内容。相对路径最十分要有汉语。在建后开启文档夹,鼠标右键,点一下【Git Bash Here】。进到git指令对话框。

2.应用npm安裝Hexoblog程序。键入:

npm install -g hexo-cli

细心等候,時间将会有点儿长,出現下面的图第二个红框中容进行。

3.原始化和安裝需要的部件,键入:

hexo init

4.原始化进行后安裝部件,再次键入:

npm install

5.进行安裝后开启当地网络服务器开展当地浏览,键入:

hexo g #转化成网页页面

6.再次键入:

hexo s #起动浏览

这时候候便可以当地浏览了,可是留意在浏览时不必按Ctrl +C 终止浏览,不然就没法浏览了。

7.在上边不关掉浏览的前提条件下在访问器中键入:

http://localhost:4000

早已能看到本人blog的主题风格了,它是Hexo的默认设置页面,当地blog安裝到此取得成功。

8.以前在建的文档夹中也储存了blog的各种各样配备,就先详细介绍好多个关键的。

public #网站文档themes #主题风格文档夹,用于储放主题风格,后边在清理blog的情况下常常要用source #储放客户文档,关键储放客户写的文章内容,照片这些。_config.yml #网站的配备信息内容,要跟主题风格里的配备信息内容分离,主题风格文档夹里也是有一个同名的的文档,后边配备的情况下常常用他们俩。

9.当地刚刚浏览早已沒有难题,那麼就需要提交到GitHub开展布署。使其可以根据网站域名或是网站地址浏览。

最先安裝hexo-deployer-git。键入:

npm install hexo-deployer-git --save

细心等候

10.在blog文档夹选用别的方法开启网站配备文档_config.yml。

11.假如你的电脑上上面有别的文字编写器或是敲代码的编写器,那麼你可以以用其他文字编写器开启,假如沒有得话,就用记事簿本开启。

12.因为我电脑上上面有其他编码编写器,那麼我也无需文字编写器了,终究用编码编写器改编码这类高亮度的文件格式還是很舒适的。

在文档的结尾再加下边的编码:

deploy:type: git repository: git:客户名/客户名.github.io.git branch: master

实际见下面的图。以后储存撤出。

13.进行后键入:

hexo d #布署公布

将网站在传布署到GitHub库房中。

14.提交取得成功后大家便可以用网站地址开展浏览了,网站地址为:

https://客户名.github.io

实际可看着我下面的图。

能看到Hexo的默认设置主题风格了。我都是是非非常喜爱Hexo这类简洁设计风格的主题风格。不太喜爱花哨的。

OK!那当期实例教程就到这儿,下期实例教程关键是如何在本人blog上公布文章内容。喜爱得话还记得适用适用大管家小e哦!!!

·END·

大管家小e

您身旁的电脑上大管家



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:模板小程序