【Hexo】Hexo+Github搭建个人博客

## 此处的样式可能不正常,可去原文:【Hexo】Hexo+Github搭建个人博客 | Minecraft-Sep (js.cool)

 

{% note info simple %}预计完成时间90分钟,请放心食用!{% endnote %}

{% note danger simple %}密码不可以外传(除非允许),不然你会被列入**黑名单**!{% endnote %}

{% note warning simple %}鉴于Github的访问慢,可以使用[Watt Toolkit加速器](https://steampp.net/)进行访问,可以加速许多游戏和网站!{% endnote %}

# 前言:

最近我收到了亿点点私信:

![](/img/article/1/831c75073352d065bee94f80b1f8db2d5bf523bd664d31ca8ac8eec650d7188d.png)

![](/img/article/1/4bead4b616ac5f73dedd50bdabcc628a640bb89c34977f9b899514bf139f0107.png)

![](/img/article/1/f0740c4deb5f6051d9604821191f48805ce9031ccfaeda767b6e965f36e5a7c2.png)

所以!今天我就出教程吧!!!

# 实践s

### Part1.准备活动

1. 下载**Node.js**({% btn ‘https://nodejs.cn/’,点击下载,st-lightbulb-line %})

2. 下载后的文件会是:{% inlineimage /img/article/1/d0d34066b3d1349ca5a31c7b03a47f8f7fefb51a38e5c520717d4899b2f74952.png %} ,打开后一路`Next`。

{% note warning simple %}不建议修改安装路径,否则可能会无法调用`系统变量`!{% endnote %}

3. 下载完毕后打开`cmd`,输入

“`bash
npm install hexo-cli -g
“`

![](/img/article/1/ec9601d45ca8f7d78bb9f8a711be160c05efee79d4a26f3ee5edc75750cec21c.png)

等待下载,注意期间不要按Ctrl+C,否则会导致进度{% label 取消 red %}!

下载完毕后:

![](/img/article/1/37571ffc50dd2032305e07efae54f6cad9bf503925b6b21fc9b024399ab1e167.png)

 

4. 打开任意一个`空`文件夹,分别输入(每输入一行等待):

“`bash
hexo init blog
cd blog
npm install
“`

– `hexo init blog`:安装博客到blog文件夹里
– `npm install`:安装依赖

6. 到这里,你的博客已经初步成型:

![](/img/article/1/99586ae7171f8fa78c7b390cd8073b8d815c9cacada82fb3cff1d1c105187a69.png)

## Part2: 博客配置文件和主题配置文件的认识

博客配置文件是这个东西:![](/img/article/1/f4a84c180811b3ead36d09a908abee0c7d01c18be9afa368bcbf109d7d92959e.png)

打开后的东西:

{% note warning simple %}注意:各个值的配置之间要和`:`之间有一个空格!例如:`name: value`{% endnote %}

– title: 你的博客标题
– subtitle: 你的博客副标题
– description: 你的博客介绍
– author: 博客作者名字
– language: 语言,可以选择`en`,`zh-CN`和`zh-TW`
– timezone: 时区,建议填`Asia/Shanghai`
– url: 你的博客地址,必须填对!否则站内图片将会加载出问题
– theme: 主题名字,全部是小写

其余的可以不用配置。

主题配置文件请见你选择的主题的官方文档。

## Part3: 基本命令

– `hexo c`:清理博客缓存
– `hexo s`:启动本地服务器,可以从`http://localhost:4000/`访问
– `hexo g`:生成博客主文件,保存至public文件夹内,以后上传到Github要用
– `hexo d`:通过git的方式上传到Github

## Part4: 安装&使用主题

可以前去{% btn ‘https://hexo.io/themes’,Hexo Themes,st-lightbulb-line %}挑选你喜欢的主题!

不懂得如何安装的可以加入我的QQ群或加我QQ`3630179822`或下方留言!

## Part5: 上传到Github

1. 打开你的博客源文件,打开`cmd`,输入:
“`bash
hexo g
“`

等待生成博客源文件。

2. 打开{% btn ‘https://github.com’,Github,st-lightbulb-line %},如下图:

![](/img/article/1/6816ace35cb5d27ea0d2c1a765e536c4517cc4c562e4df11a60523d8abf51f4c.png)

3. 点击![](/img/article/1/df217c019f410eab4ca7e7a130ef206565a267bde692d8f146528043b7c36e12.png),如下图:

![](/img/article/1/9fee061f2c82ef8833a6ba17f9bb898951749953919b048c26d74eaccc754b1c.png)

– ![](/img/article/1/4922810fd9d9e09ced18c74ea9cf7edbd2f12cd04852da015ee3e17ecb5991da.png):你的邮箱

– ![](/img/article/1/3b7e85db21c338eff30c33d588b31814852cf4ae85a3f2f6eacd0ce9e1836ba1.png):你的密码

– ![](/img/article/1/a9a751589440a751b4d71f58199310a4d569146cbd94c4046ede1184632a3b23.png):你的用户名(好好填!以后你的网站要用)

– ![]( /img/article/1/945c106798566807d113d280dc73e6d9e14754680929e89c656b526c87f8122a.png):你是否接收Github发送的活动通知

然后他们检查你的链接安全性,如下图:
![](/img/article/1/8730fbe6ccace43796bd27dd85ac1fe749be814e646f128fb81e2191070766fa.png)

情况1:直接通过

情况2:如下图

![](/img/article/1/ad827d799a0ee6bd7bd381728d8879534784be2f3c44ed5c8d7be6eb3f7e0d7c.png)

按照提示完成即可。

4. 然后就进入Github主页面了:

![](/img/article/1/62cec8d35f912bba3802f23b0c84d4b09b9daa4b2c3386850b099307c5b2bfa6.png)

点击![]( /img/article/1/9661467d4657aef14cd39180743ca7ac34eef59dd489c1116e27e782cd245dac.png)

第一步
![](/img/article/1/885b4cc6de6026b5cb42f0a5f9e43fade4abf890b43a0675bc87907556d5c69b.png)
第二步(描述)
![](/img/article/1/d9d067079f4ed210f6d42998aa9f2508b529a30e322f2169538775518da9f393.png)
第三步
![](/img/article/1/54bce0caad0455e3817a3174157c978388056f3f5aa1b0876ba18bf06efd459d.png)

最后点`Create repository`。

5. 进入仓库页面:

![](/img/article/1/724a3bf6f78ef3e9f93a617949435624c6330525bd2fcd10f8c7d684a6944b78.png)

点`Add file`➡`Upload files`。

之后的页面:

![](/img/article/1/75df6fcc0879c1990ac029d3af262a47434a216f8b5e44b467aae2cd9eae62d6.png)

将之前讲的`public`文件夹打开,把全部文件拖进去。

{% note danger simple %}注意:单次上传的文件不能大于100件或100MB!{% endnote %}

最后点`Commit Changes`。

6. 等待几分钟,就可以通过下面的地址访问了!

“`bash
https://你的用户名.github.io/
“`

# 总结

`Hexo`是一个很不错的博客框架,适合绝大部分用户。

版权所有©Minecraft-Sep。

请登录后发表评论

    没有回复内容