![9f027e2db8cc129647e1dac06a2970b0.png](https://i-blog.csdnimg.cn/blog_migrate/1adb341fb82dca8210f7f5fd2037f8bc.jpeg)
小时候,经常听人讲:好记性,不如烂笔头。上学时期,老师家长也总是提醒我们不懂的不会的要做好记录,由此可见,记录对我们学习成长的必要性。
![43ce08100097f61a33727f15b5bd7dba.png](https://i-blog.csdnimg.cn/blog_migrate/8324733ae6b907a307a5e2ff8d1536d2.jpeg)
特别是这个高速发展的时代,世界在日新月异的变化。终生学习,已经成为新时代的标签。那么做好学习记录,也就显得很有必要了。
现在市场上有很多我们可以自己记录的博客,像我们熟悉的:网易博客、CSDN、新浪博客等。但是我们如何搭建属于自己的博客呢?
![69674d9e1b29274ad780075610429a34.png](https://i-blog.csdnimg.cn/blog_migrate/34a32da394b78380885b25e9c6eadbe3.jpeg)
也许你会问,都有这么多博客网站了,我可以直接用他们的产品,为什么我还要自己搭建博客呢?这个问题每个人有每个人的看法,除了可以增加逼格之外,我觉得更安全更有保障也是个优点。就像之前我们有很多免费的云网盘,我们可以上传很多资料去保留可以随时取用。但现在剩下的也就只有百度网盘了。
搭建自己的博客,其实很简单只需要用到四个步骤(最好有一定的编程能力)
安装前提:
安装 Hexo 相当简单。可以兼容电脑,平板,手机等。但是在安装前,您必须检查电脑中是否已安装下列应用程序:(很简单,网上很多安装教程)
![a21a17920c54f792568cbd3ceed9ea3a.png](https://i-blog.csdnimg.cn/blog_migrate/7ae95b795adf3c116ff4906932931b9b.jpeg)
Node.js(自带npm如果需要cnpm先下载镜像)
Git
如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。
一:hexo工具搭建博客
![9513645c82e2b26921dd9b7d6647d826.png](https://i-blog.csdnimg.cn/blog_migrate/a0bd749185d424afaa84f86a57bb908a.jpeg)
1 选择文件新建git仓库
git命令输入: `git init`
2 选择文件使用npm工具全局安装hexo环境
git命令输入: `npm install hexo-cli -g`
3 在需要创建博客的目录下输入命令:`hexo init myBlog`
会在当前目录下创建1个myBlog文件夹. 并联网下载一些初始化文件,打开如图
![8b77aeaed5950c5a89a2d620373a967b.png](https://i-blog.csdnimg.cn/blog_migrate/80e42f4936c4321117c5f5c64387ca07.jpeg)
3 直接启动服务
输入命令`hexo server`
* 打开提示的网页地址(http://localhost:4000/)就可以看见博客页面
![4bc9570eee4a8eeee6a12235ad19b886.png](https://i-blog.csdnimg.cn/blog_migrate/6a84eb2294323280671476420fe99b34.jpeg)
二:用markdown编辑新文章
* 使用命令来发表新文章
* `hexo new 学习使用hexo`
* 会生出一个.md文件
* 在这个文件中编辑.md文件. 该md文件的内容就是发布的博客.
![cf919127276acd6b18a55e2fb3ba4bd6.png](https://i-blog.csdnimg.cn/blog_migrate/652a0f8b095e263dc722c4deacb37260.jpeg)
* 重新启动`hexo s` 打开网页就可以看到新发表的文章.
![1d06d8425d0ad5937e0df7fb05432c6f.png](https://i-blog.csdnimg.cn/blog_migrate/10da8fa8980d8c9edd294cf15f186734.jpeg)
三:next选择主题安装
* 许多第三方为hexo提供了主题, 我们可以搜索并使用.
知乎:•https://www.zhihu.com/question/24422335
hexo:•https://hexo.io/themes/
![8a809b01ff5573b68478f37087559b1a.png](https://i-blog.csdnimg.cn/blog_migrate/d0fe7e4cbcc498187ec7936a7c8416d6.jpeg)
* 选择你想用的主题
* 按照官方文档下载最新版本
* 将解压缩后的目录复制到博客目录下的themes目录下.
* 并将其改为1个较为简单的名字如:`yilia`
* 修改博客目录下的_config.yml文件.
* 修改theme: l配置项为yilia
* 重启服务(hexo server)
* 就可以看到新使用的主题效果了.
![acc917e141454057ae5483be79037cae.png](https://i-blog.csdnimg.cn/blog_migrate/0383834a0d578d31418cd3500739918f.jpeg)
四:github部署博客
1: github上面新建项目存放博客。
![b1b70954af6175ea7bbec565438caf85.png](https://i-blog.csdnimg.cn/blog_migrate/e14a64828b185ce7363ce44b2218435c.jpeg)
2:在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,如部署到github上
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git<>
branch: master
message: '这是我的博客'
3 hexo g 生成静态html网页
会在页面中增加一个public文件夹,里面就是最终生成的博客网页
4 hexo d 将代码部署到服务器
![391088bf5ec51baaef818d4d2a559953.png](https://i-blog.csdnimg.cn/blog_migrate/fb1439ae5b155dc73340baf11ad7604a.jpeg)
5:注意事项:
![78a8f153d0c854a7b9b836d4d38b4f01.png](https://i-blog.csdnimg.cn/blog_migrate/d9dc280604650f4a44dee70ca9b29ad2.jpeg)
本内容为功能性内容,建议收藏以便日后查看研究。如有疑问,请留言交流。