使用Hexo快速搭建个人博客
2018-01-21 19:12
246 查看
作为一枚程序猿,可以通过写博客对最近一段时间工作和学习进行总结,同时也了提高表达能力。更重要的是在分享过程中,可以结交一些朋友,所以最近打算搭建一个博客网站。通过调研,使用Hexo(基于node.js的静态博客框架)+Github.io(用于部署网站的空间资源)可快速部署博客网站。本文基于MacOS环境搭建,自带Git,所以不需要再下载安装。
申请GitHub并创建相应的代码仓库
Hexo安装
安装Node
安装Hexo
测试是否安装成功
Hexo基本配置
配置网站的基本信息
配置部署信息
新建文章并发布
Hexo目录结构
Hexo常用命令
更换主题
参考文章
申请GitHub并创建相应的代码仓库
第一步:申请GitHub账号,并配置本地的git环境。$ ssh-keygen # 生成秘钥,一路回车即可 $ cat ~/.ssh/id_rsa.pub # 生成的秘钥
将生成的秘钥拷贝到github的SSHKyes
第二步:创建代码仓库,用于部署网站的空间资源。
建立名为[github用户名.github.io]的仓库
Hexo安装
安装Node
由于Hexo是基于node.js的静态博客框架,所以需要安装Node。可通过以下两种方法实现快速安装:方案1 下载Node.js,双击该文件,然后无脑点击下一步即可;
方案2 终端上使用brew进行安装。
$ brew install node
安装Hexo
$ sudo npm install -g hexo
测试是否安装成功
创建文件夹,如clelandgt.github.io$ mkdir clelandgt.github.io
初始化该博客后台,并启动。
$ cd clelandgt.github.io $ hexo init # 初始化 $ hexo server
浏览器输入http://localhost:4000。如能正常访问,则表示Hexo安装成功
Hexo基本配置
hexo的基本配置通过编辑_config.yml文件实现,这里主要修改以下两个部分。配置网站的基本信息
# Site title: cleland的杂货铺 subtitle: cleland的杂货铺 description: 技术分享与生活随笔 author: cleland language: zh-CN timezone: Asia/Shanghai
其中的language的设置参考语言;timezone的设置参考时区
配置部署信息
deploy: type: git repo: https://github.com/clelandgt/clelandgt.github.io.git branch: master
这里是部署到github.io,所以需要安装插件
$ npm install --save hexo-deployer-git
新建文章并发布
运行新建文件命令,并指定文件名:$ hexo new 使用Hexo搭建个人博客
会生成文件:‘./source/_posts/使用Hexo搭建个人博客.md’。然后生成相应的静态文件
$ hexo g $ hexo server # 启动本地服务,浏览器输入http://localhost:4000 进行预览
部署网站
$ hexo d
浏览器中输入clelandgt.github.io, 查看刚刚发布的文章。
如想自定义域名,可先在万网上申请一个域名,如本文申请的为www.cleland.club。然后使用阿里云的域名解析
在source目录下创建CNAME文件,并键入需绑定的域名
www.cleland.club
将CNMAE文件部署到网站
hexo d
浏览器输入访问刚设定的自定义域名,如本文的www.cleland.club。
ps: 使用这种方式可避免对网站进行备案,但最好还是备案。因为后面涉及一些第三方插件的注册时需要备案信息的,如添加畅言的评论功能时,是需要网站的备案信息的。
hexo的安装与部署到此为止,后面是hexo基础和一些使用方法的介绍。
Hexo目录结构
clelandgt.github.io # 项目跟目录 ├── _config.yml # 配置文件:网站相关的设置,均在这里配置 ├── db.json ├── node_modules ├── package-lock.json ├── package.json ├── public ├── scaffolds ├── source # 存放资源文件,如文章或是文章涉及的一些图片。 └── themes # 存在网站的主题,可从[官方主题](https://hexo.io/themes/)中下载喜欢的主题,然后在_config.yml中申明一下就行。
Hexo常用命令
$ hexo new 'post_name' # 新建文章 $ hexo generate # 生成静态文件,简写g $ hexo deploy # 将.deplog目录部署到github上,简写d $ hexo server # 开启预览访问接口 $ hexo version # 查看hexo版本 $ hexo help # 查看帮助
更换主题
这里选用一个比较主流的主题yilia$ cd themes $ git clone https://github.com/litten/hexo-theme-yilia $ mv hexo-theme-yilia yilia
修改_config.yml的主题申明
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: yilia
yilia主题也可以自定配置一些功能,可通过修改主题目录下的_config.yml(非项目根目录下)配置文件。
参考文章
hexo官网中文文档相关文章推荐
- 使用Hexo和Github快速搭建个人博客
- 快速使用HEXO搭建个人博客 韩俊强的博客
- 使用 Github 和 Hexo 快速搭建个人博客
- 使用 Github 和 Hexo 快速搭建个人博客
- 使用GitHub Pages + Hexo 快速搭建个性化博客(二)-购买并解析域名
- 使用GitHub + Hexo搭建个人博客(一)- 安装
- 使用wordpress在appache php mysql环境下快速搭建个人博客!!!
- 使用GitHub pages + Hexo 快速搭建个性化博客(一)-部署Hexo默认blog模板至远程GitHub
- 使用hexo搭建个人博客
- 使用GitHub + Hexo搭建个人博客(十)- 发表新博客
- 搭建个人博客使用github+hexo
- 使用GitHub + Hexo搭建个人博客(五)- Ubuntu升级后hexo命令失效
- 使用GitHub Pages + Hexo 快速搭建个性化博客(七)-编辑博文
- 使用Hexo搭建Github个人静态博客
- 使用GitHub Pages + Hexo 快速搭建个性化博客(八)-站点和博文访问量
- 使用GitHub + Hexo搭建个人博客(七)- 基本配置
- 使用GitHub + Hexo搭建个人博客(三)- npm(Node Packaged Modules)
- 使用 Github Pages 和 Hexo 搭建个人博客
- 使用GitHub + Hexo搭建个人博客(八)- Hexo异常:/usr/bin/env: node: 没有那个文件或目录