博客搭建历程（1）

我为什么要搭建自己的博客:人嘛!总会有迷茫的时候。无聊了就搭建一个博客玩玩。借此思考下人生戳这里先洗下脑

[BetterExplained]为什么你应该（从现在开始就）写博客

使用Hexo+GitHub Pages搭建属于自己的博客

依赖

• 安装Node.js
• 安装git
• 一个GitHub账号
• hexo全家桶

一、Node.js安装参考

Node.js官网

nodejs版本越高越好，不然后面安装hexo时会出现问题，Hexo官网给的建议是6.9版本以上

官网windows 64bit 下载(v10.16.0)

二、git的安装参考

安装需根据自己的实际情况，在cmd使用git --version指令可以查看安装的版本

windows 64 bit 下载（v2.19.0）

三、使用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执行也行

# 安装hexo命令行工具
npm install hexo-cli -g

安装hexo包到全局node_modules中，修改package.json文件，将模块名和版本号添加到dependencies部分 npm install hexo –save

2.初始化hexo

• 这里需要新建个目录用于存放本地的博客文件
• 往后的命令均需要在此目录下执行，可用cd命令进入目录中执行往后的命令

hexo init  # 初始化目录，生成相关文件

• 目录中生成的文件如下

.
├── node_modules       # 存放博客依赖的npm packages
├── scaffolds          # 存放生成博客文章、博客页面、草稿的模板目录
├   ├── draft.md
├   ├── page.md
├   └── post.md
├── source
├   └── posts           # 用于存放博客文章
├── _config.yml         # 博客全局配置文件
├── .gitignore
├── package.json        # 记录当前目录下实际安装的各个npm package的具体来源和版本号
└── package-lock.json   # 存放锁定安装时的包的版本号，此文件一般会上传到git

hexo g # 生成静态页面
hexo s # 部署到本地服务器http://localhost:4000/

预览效果http://localhost:4000/

到这里本地的博客搭建完了，接下来就是将博客上传到刚刚创建的Github仓库，上传后就可以使用外网访问了

博客搭建历程（2）

博客搭建参考教程推荐

• csdn
• w3cschool
• 博客园
• 思否