使用hexo+coding搭建个人博客

导语:最近无数据库编程语言的博客程序大行其道,成为了博客爱好者的首选,这篇博文目的就是教大家如何建立自己的博客程序和网站。

目录

  • 检测node和npm
  • 安装hexo
  • 切换主题
  • 发布到coding

检测node和npm

先检测一下有没有node.js和npm

$ node -v
//如果有,说明node.js安装成功!
$ node -v
v8.4.0
//如果有,说明npm安装成功!
$npm -v
$ npm -v
5.3.0

安装hexo

在git-bash中运行以下命令安装hexo

  • 安装hexo全局
npm install -g hexo-cli
  • 建立文件夹
hexo init blog
cd blog
npm install

就能够建立起一个本地的服务器,端口是4000,打开浏览器 http://localhost:4000 就能访问属于你自己的博客了。

切换主题

hexo博客程序有默认主题,但是你可以拥有自己的博客主题,下面介绍一款好的主题。

  • 主题代码拷贝

主题的拷贝也是直接使用 git 即可,首先进入到你博客的根目录,再打开 git-bash 运行

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

  • 启用主题

在博客根目录下找到 _config.yml 文件,找到里面的 theme,改为theme: next

这时再运行一次 hexo s ,看看主题有没有生效吧。

发布到coding

  • 前提是你先注册一个coding账号

hexo 提供了一个部署命令 hexo deploy,首先需要安装一下 hexo-deployer-git插件

npm install hexo-deployer-git --save

  • 然后配置一下 _config.yml 文件:
deploy:
  type: git
  repoistory: https://git.coding.net/myblog/blog.git
  branch: master
  • 预览效果

在 coding 上建立一个私人仓库,找到代码的 coding 地址,填好上面的配置,然后直接执行

hexo deploy

不出意外的话会让你填写 coding 的用户名和密码完成上传操作。如果你有配置 ssh 方式的话就更加方便了。

这个时候再到 coding 对应的项目里面打开 pages 服务,根据 coding 建议,因为不是 jekyll 项目,所以需要再新建一个.nojekyll 文件(空文件就行,其实不建立也行),等上一会就能够访问自己的博客了。

  • 最后运行以下命令上传到coding
hexo g
hexo d

如果不行用git,输入以下命令

mkdir blog
cd blog
git init
echo "# blog" >> README.md
git add README.md
git commit -m "first commit"
git remote add origin https://git.coding.net/myblog/blog.git
git push -u origin master

最后总结

今天的hexo+coding配置免费博客就到这里,赶快体验一下吧!

你可能感兴趣的:(hexocodingblog)