Ubuntu下搭建Hexo + github 博客

前一篇CentOS下搭建Hexo + github 博客

1.安装Node.js-4.4.4

这里4.4.4是目前的稳定版,你可以去官网下载最新的稳定版下载

  • 下载
wget https://nodejs.org/dist/v4.4.4/node-v4.4.4-linux-x64.tar.xz

另可参考:https://linux.cn/article-5766-1.html

  • 解压
xz -d node-v4.4.4-linux-x64.tar.xz tar -xvf node-v4.4.4-linux-x64.tar
  • 安装
mv node-v4.4.4-linux-x64 node-v4.4.4
mv node-v4.4.4 /usr/local/node
  • 配置环境变量
# 编辑 /etc/profile (使用vim)
vim /etc/profile
# 在底部添加 PATH 变量
export PATH=$PATH:/usr/local/node/bin
# 保存退出,先按exit键,再按shift+:
wq
# 最后保存,使其生效即可
source /etc/profile

验证,命令行输入npm -version,安装成功会输出版本号

2.安装Hexo

安装这个可以不使用root用户,但是全局安装时需要管理员权限,现在目录依旧是/home/Zing下,用户是Zing

  • 安装Git(已安装可跳过)
apt-get install git
  • 安装hexo
# 创建目录
mkdir hexo
# 切换目录
cd hexo
# 全局安装 Hexo,需要最高权限,记得输入root密码
sudo npm install -g hexo-cli
# 初始化 Hexo
hexo init
  • 安装插件
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked --save
npm install hexo-renderer-stylus --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
  • 测试安装成功
hexo server

成成功会有下图提示:


成功!

没有提示,请重新安装

浏览器输入 http://0.0.0.0:4000 可以访问到首页

Ubuntu下搭建Hexo + github 博客_第1张图片
效果

3.部署到github

这里的部署跟在CentOS上一样,如果是第一次,分下面几个步骤
可参照我前一篇文章
CentOS下搭建Hexo + github 博客

  • 初始化Git设置(设置用户名和邮箱)
  • 生成SSH秘钥将,SSH秘钥配置到github上
  • 在github上创建 用户名.github.io的仓库。并且编辑Hexo的_config.yml文件,配置好git提交仓库地址
  • 编译Hexo的MarkDown 文章,部署到github上

用户名一定是你github上的用户名!切记!

4.选择主题

  • 4.1安装主题NexT

ps:我们现在在目录hexo下

git clone https://github.com/iissnan/hexo-theme-next themes/next

并在目录hexo下的_config.yml中

# 找到 theme: 修改后面的参数,默认是 landscape
theme: next
  • 4.2配置主题源码拷贝出来太多了,所以贴出next的使用说明供大家参考

  • 4.3找主题https://hexo.io/themes/

你可能感兴趣的:(Ubuntu下搭建Hexo + github 博客)