title: 利用hexo+googlepages搭建个人博客
date: 2018-04-25 20:37
categories:
各种各样的博客五花八门,但是利用github
构建个人看起来很有逼格,在其他地方积累的并不多,因此花了2天的时间研究了一下如何依靠github构建个人博客。
hexo
,jekyll
,wordpress
等,具体的优劣建议参考:https://www.jianshu.com/p/c4f145fdd637
git + github + hexo
的方案,主要是命令少,易于学习。# 安装
$ sudo apt-get install git
# 配置账户
$git config --global user.name "your username"
$git config --global user.email "[email protected]"
$ssh-keygen -t rsa -C "[email protected]"
注册账户
如果你还没有github
的账号,去注册一个吧(https://github.com/join?source=header-home
),一个有逼格的程序员,这是必须的
创建github pages
https://github.com
)Start a project
或者New repository
创建个项目yourname/yourname.github.io
# 这个地址必须严格按这个写,错了是无法访问的
Notice: yourname
必须是你注册时的用户名,如果你忘记了,去点下你的头像,下拉出来的Signed in as
后面就是你的名字
$ cd yourworkdir #yourworkdir是工作目录
$ git clone https://github.com/yourname/yourname.github.io
$ cd yourname.github.io
$ touch index.htm # 创建默认页面
index.htm
并输入以下内容
My Blog
Hello,world!
This is my first blog.
$ git add .
$ git commit -m "创建我的第一个页面"
$ git push origin master
后续一般需要输入用户名(yourname)和密码(登录密码)
https://yourname.github.io
即可访问刚才书写的页面这样你的个人博客已经可以访问了,如果你已经可以自己构建个网站结构,那就直接开搞吧,不过作为看这个教程的人,一般都需要去寻找一个现成的搭建博客的方案,比如hexo
,jekyll
等,下面先介绍hexo
的使用过程。
export NVM_DIR="$HOME/.nvm" && (
git clone https://github.com/creationix/nvm.git "$NVM_DIR"
cd "$NVM_DIR"
git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`
) && . "$NVM_DIR/nvm.sh"
使nvm开机启动,将如下内容添加到~/.bashrc
中:
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
重启 terminal
或者重新source
一下 ~/.bashrc
;
执行以下命令:
$nvm ls-remote //列出所有安装包的版本信息
$nvm install stable //安装最稳定版本
$nvm use node //使用当前版本
$nvm run node --version //也可以使用该命令 使用当前版本
$nvm alias default node //设置默认版本
如果需要更新则手动更新 nvm:
(
cd "$NVM_DIR"
git fetch origin
git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`
) && . "$NVM_DIR/nvm.sh"
$npm install hexo-cli -g
$npm install hexo-server -g
$npm install hexo-deployer-git -g
$npm install hexo-util -g
接下来建立博客目录,并初始化:
$ cd yourworkdir
$ mkdir yourblogdir
$ cd yourblogdir
$ hexo init //初始化 下载必要的建站文件
$ npm install //安装依赖项
接下来就可以开始博客的撰写了。
由于创建站点的时候,已经包含了一个hello-world
的基础页面,所以不需要任何编辑,直接可以生成网站
$ hexo clean # 清除缓存
$ hexo g # 生成页面
$ hexo s #运行本地服务
之后可以看到提示hexo is running at http://localhost:4000/. Press ctrl+c to stop
,可见只需要在浏览器中输入http://localhost:4000
即可看到页面,如果你不想运行了,直接Ctrl+c就可以了。
到现在为止,这些操作都还是在本地完成的,那么我们怎么才能把这些东西推送到github的个人页面上去呢?
通过hexo-deployer-git
神器即可完成操作
hexo-deployer-git
$ npm install hexo-deployer-git --save
在站点配置文件(yourblogdir/_config.yml)修改如下配置:
deploy:
type: git
repo: #你的github上创建的yourname.github.io的仓库的地址
branch: [branch] # 分支名称,可选的,默认时master分支
下面的命令可以实现一键部署,
$ hexo d
这时候,浏览器中输入https://yourname.github.io
是不是可以看到自己的博客了呢,大功告成。
ubuntu 下 hexo 安装与配置
jekyll
hexo
pandoc
更多更及时的博客更新请戳—> KingRumn