利用hexo和github搭建一个属于自己的个人博客网页

阅读数: 次 2020-08-02

欢迎各位来到一个菜鸟的新建博客！！！这是新人的第一个博客，按照documentation 的帮助和引导进行书写。十分感谢hexo官网的指引！

这个文档拿来记录自己搭建个人博客的点点滴滴！！！

ゲームが開始！！！！！

工欲善其事，必先利其器

1.由于本人使用的是windows的64位系统，所以需要下载git以及nodejs；
下载完成后进行检测：

1
2
3

$ git --version #检测自己的git版本，下一步开始配置自己的git信息；不做赘述
$ node -v #检测；
$ npm  -v #检测；

2.开始下载hexo并且创建一个blog；

$ npm install hexo-cli -g #下载hexo
$ mkdir blog #创建一个blog文件夹用来创建环境
$ hexo init #创建一个hexo博客
$ cd blog #进入目录

3.创建一个新的博客并且进行静态部署

1
2
3

$ hexo new "my fisrt-blog-by-hexo" #创建一个新的个人博客
$ hexo clean #个人习惯，清理一下
$ hexo generate #简写：hexo g

More info: Generating

これは　研究の結果だ！！！

博客的内容在\blog\source_posts下面的my-first-blog-by-hexo.md文件里面进行编辑
何か！！！你不知道markdown怎么写，抱歉，这篇文章无法告诉你了呢。菜鸟也对此表示十分遗憾!!!
不过你可以试着从documentation 这里获取一些简单的写作提示。十分抱歉(ごめん）

1	$ hexo server #启动hexo服务；简写：hexo s

如果你没有上传网页，那么你的个人博客地址为 http://localhost:4000
到这里你就拥有了一个初步的个人网页博客了；

是时候当一个颜值主义者了

你可以到官方hexo的主题网址去寻找一个你喜欢的主题；

示例：选择yilia这个主题进行安装，在你的blog文件夹进行下载，十分感谢这个主题的制作团队。

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

下载完成后，对_config.yml的theme行进行更改；之后保存刷新博客界面
修改的文件内容如下

1	$ theme: yilia

是好是坏总要拉出来溜溜，你说是吗？

现在我们已经完成了一个博客的本地搭建，但是现在我们将我们的博客部署到一个网站上去。
嘤嘤嘤，没钱那就只能找无敌的gitub求救了。我这一条命都是github给我的。遇事不决面向github。

我们首先需要下载一个hexo的组件

1	$ npm install --save hexo-deployer-git

中间出现的warning无关紧要，just ignore it。

下载完成后，我们又要开始对_config.yml进行修改了，这次针对的是Deployment了
修改后的文件内容如下

1
2
3

$ type: git
$ repo: 这里写自己的github仓库地址哦。
$ branch: master

修改好了之后我们就需要将文件提交到github了

$ hexo d

中间会让你输入你github的账号和密码。输入之后就可以完成上传啦

一些碎碎念

使用yilia这个主题进行上传的时候出现了CRLF的报错；
内容如下:

1	$ warning: LF will be replaced by CRLF

解决办法：
进入主题文件夹下，然后打开git进行编辑,命令行如下，设置完之后就不会再出现warning了

$ rm -rf .git
$ git config --global core.autocrlf false
$ git init
$ git add --all

参考资料

感谢羊哥的视频：https://www.bilibili.com/video/BV1Yb411a7ty
推一下羊哥的网址：www.codesheep.cn