第一章

文中详细介绍了一个开发的个人博客网站架构hexo,并展现了怎么使用它来迅速搭建个人博客网站并推送到GitHub

提前准备

Node自然环境Git专用工具GitHub账户

提升

1.免费下载。

npm i -g hexo-cli

2.复位。

hexo init

当指令实行时,会自动下载一个默认设置的主题风格,那样一个复位的blog网站便会取得成功搭建,随后就可以运行了。

3.现在开始。

hexo s

取得成功运行后,浏览器打开并浏览提醒端口号。

博客制作教程-用html制作个人博客-第1张图片第二章

写文章赚钱

应用cmd或手动式建立它。这也是cmd。

进到控制面板,转换到source/_ post/文件目录。

cd source/_posts/

1.建立新的。

hexo n "名字"

进行后,将在source/_ post/下转化成一个文档。

博客制作教程-用html制作个人博客-第2张图片2.用标识在线编辑器编写內容,储存并撤出!

3.先消除。

hexo clean

再造的

hexo g

4.最终,从头开始。

hexo s

你能看看你的blog。

博客制作教程-用html制作个人博客-第3张图片更改主题风格。

自定主题风格。

强烈推荐:https://github.com/litten/hexo-theme-yilia,是一个雅致简约的主题风格。

1.免费下载。

从博客/下进到控制面板。

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

主题风格被免费下载到文件目录文件夹名称themes/。

博客制作教程-用html制作个人博客-第4张图片2.改动配备。

免费下载后,改动环境变量_config.yml,将主题风格更改成要想变更的主体名字。

博客制作教程-用html制作个人博客-第5张图片3.消除前储存并撤出。

hexo clean

再造的

hexo g

4.现在开始。

危害

博客制作教程-用html制作个人博客-第6张图片难题

到迄今为止,大家建立的blog只有在当地运作,只有由当地服务器浏览。这一个人博客毫无价值。因而,大家必须将其推送到网络服务器。在这儿,大家应用一种完全免费的形式将其推送到github。

1.建立一个库房。

点击减号并挑选新创建储存库。

博客制作教程-用html制作个人博客-第7张图片留意:新创建库房名字务必是:用户名 github.io。

博客制作教程-用html制作个人博客-第8张图片2.安裝软件。

Hexo-deployer-git:应用软件将blog网站公布到远程控制网站。

转换到blog/并进到控制面板。

3.改动环境变量。

开启_config.yml,寻找改动为的底端。

博客制作教程-用html制作个人博客-第9张图片4.公布。

宽慰

更新到刚建立的库房,能够见到提交了许多文档。

博客制作教程-用html制作个人博客-第10张图片那样,我们可以立即应用库房名字开展浏览,比如:

我就用:http://chenhr24.github.io来浏览。

博客制作教程-用html制作个人博客-第11张图片标识

文中详细介绍了一种迅速创建本人个人博客并在GitHub上公布的方式。自然,这儿我仅仅应用hexo来创建一个提议的网址。如果我们想让它更好看,我们可以之后改善它!

你能花几十分钟的時间试着建立自身的个人博客。碰到难题请在发表评论留言板留言探讨!!

评论(0条)

刀客源码 游客评论