网上关于很多如何搭建个人博客的教程很多,但实际操作起来总是碰到了形形色色的问题,因此大叔就借以个人第一次搭建博客的经历写此教程,希望可以帮助到更多想要展现自己、追求技术的小白们。
1.注册Github账号
在Github官网填写邮箱注册Github账号,过程比较简单不再赘述,如有疑问可以参考github教程:(1)注册github
2. 下载Github for Windows客户端
由于Github的服务器在国外,因此推荐大家挂上VPN后再去Github下载页面下载,如果没有VPN的同学可以选择下载Github for Windows离线安装包,在百度上搜索有很多。
3. Windows Ruby环境搭建
从Rubyinstaller下载最新版本的Ruby,进行安装,安装时勾上“Add Ruby executables to your PATH”,安装成功后打开Git Shell(安装Github for Windows时附带安装),在命令行输入
gem -v
如果出现对应的版本号说明安装成功。
之后在同一页面底端下载对应版本的DevKit并解压,在Git Shell中通过cd命令进入解压文件夹中,输入
ruby dk.rb init
ruby dk.rb install
进行安装。
4. 安装Hexo
Hexo是基于Node的,因此需要先安装node.js(建议安装稳定版)。 安装完成后在Git Shell命令行输入
node -v
如果出现对应的版本号说明安装成功。
之后在命令行输入
npm install -g hexo
查看命令帮助:
{% img /images/alia1.png %}
安装好后,我们就可以使用Hexo创建项目了。
5.使用Hexo创建本地博客
在Git Shell中通过cd命令到想要存放博客本地文件的文件夹中,输入
hexo init
即创建成功,然后分别输入
hexo generate
生成静态页面和
hexo server
启动本地服务,之后在浏览器中输入http://localhost:4000/,若出现Hexo Demo页面则说明创建成功。
6.连接Github
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】。
进入Hexo生成的博客文件夹目录,用记事本打开config.yml,将文件最下方修改为
deploy:
type: git
repo: https://github.com/your_user_name/your_user_name.github.io.git
branch: master
(注意每个冒号后都必须有一个空格)
然后执行
npm install hexo-deployer-git --save
然后输入
hexo deploy
之后就可以在your_user_name.github.io上看到和本地博客一样的内容了。
一些常用命令:
hexo new”postName” #新建文章
hexo new page”pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本