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

2021-03-16 13:02

嗨，大伙儿好，今日来到应用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

您身旁的电脑上大管家