Hello World!(hexo配置记录)


Hello World!(hexo配置记录)

以前在网上冲浪的时候只是不经意间发现许多让人眼前一亮的blog,由此萌生了create my blog的想法。

目前的blog搭建:

  • CSDN/博客园平台

    但我个人不是很喜欢这种,首先是太丑了(没错,就是你,CSDN)。

    其次依托于平台,虽然只需要创作就行,但是感觉不是属于自己的,没有归属感

  • 独立blog

    租云服务器、买域名,还要管理维护,个人感觉略微有些费事,精力有限,还是简单点好

  • hexo

    依托于Github,也是我目前选择的,配置相对简单快捷,主题丰富


hexo配置步骤:

  • 安装Git
  • 安装Node.js
  • 安装hexo
  • 生成ssh并添加到GitHub
  • 部署项目
  • 上传到GitHub
  • 修改主题

1.安装Git

下载地址

安装步骤:双击下载的exe文件,一路next就行

2.安装Node.js

Hexo是基于nodeJS环境的静态博客,npm是必备的

下载地址

安装步骤:下载好msi文件后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了

3.安装hexo

  1. 创建一个源文件夹,然后cd到该文件夹下
  2. 安装hexo: npm i -g hexo
  3. hexo -v 查看版本,检查是否安装成功
  4. hexo init 初始化,初始化完成后可在文件夹下看到文件

这里要说下,npm install出现一直停留在”fetchMetadata: sill resolveWithNewModule find-cache-dir@”解决方法,更换成淘宝的源(反正我是解决了)

//修改为淘宝源
npm config set registry https://registry.npm.taobao.org 
//配置后可通过下面方式来验证是否成功 
npm config get registry 
//或
npm info express

4.生成ssh并添加到GitHub

SSH密钥可以防止其他人恶意部署文件到你的仓库

首先要有GitHub账号,没有的自行注册

创建一个仓库repository,名称为youname.github.io

在gitbash中,配置GitHub账号信息

//配置你的GitHub账号信息
git config --global user.name "YourName"
git config --global user.email "YourEmail"

创建ssh

//创建ssh
ssh-keygen -t rsa -C "youremail@xx.com"

生成ssh,在gitbash中切换到文件目录cat读取

//读取ssh文件内容
cat id_rsa.pub 

全部复制(包括开头的ssh-rsa,和尾部的email)
到GitHub 配置ssh,title随便起

5.部署项目

修改hexo的_config.yml文件配置信息(直接复制,只需要修改url即可)

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

回到gitbash,进入hexo目录

hexo clean
hexo generate
hexo server

也可简写成:hexo clean && hexo g && hexo s

这时,在http://localhost:4000就可以看到默认页面

6.上传到GitHub

npm install hexo-deployer-git --save

将写好的文章部署到GitHub服务器,
执行命令

hexo clean
hexo generate
hexo deploy 

第一次deploy要输入GitHubusername和password
完成后https://yourgithubname.github.io,查看即可

7.修改主题

hexo官网有推荐很多很多主题,自行选择

8.更新

hexo clean && hexo g && hexo s
hexo deploy

  TOC