网上有很多关于github搭建个人博客的教程。但是本人小白一枚,希望自己把搭建过程重新记录一遍,算是对自己知识积累的一个过程。
一. 环境准备:
1.你有一个 github 账号,如果没有,进入官网 github,注册。
2.你还得安装了 nodejs ,如果没有,进入官网 node.js ,选择对应版本安装
3.你还得记得把 Git 安装了,如果还没有,下载msysgit 并执行即可完成安装。
我们此次安装的前提就是以上 三者 都已存在。
二. 开始搭建:
hexo部分
1.安装hexo
利用npm命令安装。(在任意位置点击鼠标右击,选择Git bash)
npm install -g hexo #-g表示全局安装,npm默认为当前项目安装
2.创建hexo文件夹
现在选择一个喜欢的文件夹(如:E:\hexo),执行以下操作(在H:\hexo内点击鼠标右键,选择 Git Bash),hexo会自动在目标文件夹下简历网站所需要的所有文件。
hexo init
打开E:\hexo文件夹,我们可以看到hexo下已发生改变,存在了网站建立所需要的所有文件。
3.安装依赖
依旧回到git bash。现在我们 安装依赖
npm install
通过hexo命令
hexo s #运行本地服务器
可以看到
我们试试在浏览器打开看看
我们已经成功在本地运行hexo博客了。但是这个只能在本地看到。我们希望的是可以跟github连接起来,让他人看到。
说明:Hexo使用命令
hexo init #执行init命令初始化hexo到你指定的目录
hexo generate #自动根据当前目录下文件,生成静态网页
hexo server #运行本地服务
github部分
1.创建仓库
新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?
由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。
2.github设置添加ssh
github设置添加ssh请看此博文
3.域名解析
想要进一步让自己的博客看起来很博客,就用自己的域名。
github域名解析,酷酷哒
部署部分
编辑 _config.yml (在 E:\hexo 下)。你在部署时,要把下面的kittowang 都换成你的账号名。
deploy:
type: git
repo: git@github.com:KittoWang/kittowang.github.io.git
branch: master
执行下列指令即可完成部署
hexo generate
hexo deploy
记住:每次修改本地文件后,都需要hexo generate才能保存。每次使用命令时,都要在E:\hexo目录下。
OK,我们的博客已经完全搭建起来了,在浏览器访问:kittowang.github.io就可以看到你的成就。