抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

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

[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执行也行

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

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

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

1
hexo init  # 初始化目录,生成相关文件
  • 目录中生成的文件如下
1
2
3
4
5
6
7
8
9
10
11
12
.
├── node_modules # 存放博客依赖的npm packages
├── scaffolds # 存放生成博客文章、博客页面、草稿的模板目录
├ ├── draft.md
├ ├── page.md
├ └── post.md
├── source
├ └── posts # 用于存放博客文章
├── _config.yml # 博客全局配置文件
├── .gitignore
├── package.json # 记录当前目录下实际安装的各个npm package的具体来源和版本号
└── package-lock.json # 存放锁定安装时的包的版本号,此文件一般会上传到git
1
2
hexo g # 生成静态页面
hexo s # 部署到本地服务器http://localhost:4000/

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

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

博客搭建历程(2)

博客搭建参考教程推荐

评论