我为什么要搭建自己的博客:人嘛!总会有迷茫的时候。无聊了就搭建一个博客玩玩。借此思考下人生
戳这里先洗下脑
[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执行也行
代码语言:javascript复制# 安装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
代码语言:javascript复制hexo g # 生成静态页面
hexo s # 部署到本地服务器http://localhost:4000/
预览效果http://localhost:4000/
到这里本地的博客搭建完了,接下来就是将博客上传到刚刚创建的Github仓库,上传后就可以使用外网访问了
博客搭建历程(2)
博客搭建参考教程推荐
- csdn
- w3cschool
- 博客园
- 思否