- 本文大多数图片链接失效,建议阅读:https://cloud.tencent.com/developer/article/1656961
我为什么要搭建自己的博客:人嘛!总会有迷茫的时候。无聊了就搭建一个博客玩玩。借此思考下人生
戳这里先洗下脑
使用Hexo+GitHub Pages搭建属于自己的博客
依赖
- 安装Node.js
- 安装git
- 一个GitHub账号
- hexo全家桶
一、Node.js安装参考
nodejs版本越高越好,不然后面安装hexo时会出现问题,Hexo官网给的建议是6.9版本以上
二、git的安装参考
安装需根据自己的实际情况,在cmd使用git --version
指令可以查看安装的版本
三、使用Github Pages
- 注册Github账号
- 创建一个repository,用于存放博客站点文件
- 开启Github Page
1、创建一个repository
仓库命名方式须注意下,这样命名会开启githubpage服务,代码仓库命名方式随意,如果以用户名+github.io
的形式命名,会自动开启Github Pages服务,否则需要自己在仓库的设置那里手动开启GIthub Pages服务。
Github Pages 是 github 公司提供的免费的静态网站托管服务,用起来方便而且功能强大,不仅没有空间限制(为免费用户提供了500M空间),还可以绑定自己的域名,1GB空间限制(个人博客够用了),每月带宽限制100GB,自由绑定自己的域名。
2、开启GitHub Pages
GitHub Pages官方介绍,Github的中文官方文档已推出https://help.github.com/cn/articles/what-is-github-pages(2019年7月11日更新)
点击choose a theme
选完主题后即可到https://yourname.github.io/
访问自己的个人主页了,yourname记得替换成你的用户名。
接下来需要使用Hexo在本地创建好博客,再将博客文件上传到刚刚创建的仓库。
四、Hexo配置
Hexo是一个静态站点生成器,如果想深入了解Hexo可以去Hexo的官网看看。https://hexo.io/zh-cn/docs/
在本地搭建博客
1.安装hexo插件套装
以下两条命令直接打开windows cmd执行即可,用git bash执行也行
1 | # 安装hexo命令行工具 |
~~安装hexo包到全局node_modules中,修改package.json文件,将模块名和版本号添加到dependencies部分
npm install hexo –save~~~
2.初始化hexo
- 这里需要新建个目录用于存放本地的博客文件
- 往后的命令均需要在此目录下执行,可用
cd
命令进入目录中执行往后的命令
1 | hexo init # 初始化目录,生成相关文件 |
- 目录中生成的文件如下
1 | . |
1 | hexo g # 生成静态页面 |
到这里本地的博客搭建完了,接下来就是将博客上传到刚刚创建的Github仓库,上传后就可以使用外网访问了