hexo+gitee

目录

Hexo安装

安装Nodejs

下载地址按操作系统选择,选择带LTS长期支持的版本,点击一步安装即可

安装Git

下载地址选择windows版本,linux系统使用yum安装

安装Hexo

按下win+r,输入cmd,

# 创建blog目录
mkdir blog && cd blog
# 检查npm nodejs
#npm是nodejs的下载工具,国内网速慢,建议使用cnpm
npm -v
#6.13.4

node -v
#v12.14.0

#安装并使用cnmp以提高速度
npm install -g cnpm --registry=https://registry.npm.taobao.org

#安装hexo
cnpm install -g hexo-cli

#验证hexo
hexo -v
#以下为返回值,说明成功安装hexo
#hexo: 4.2.0
#hexo-cli: 3.1.0
#os: Windows_NT 10.0.17763 win32 x64
#node: 12.14.0
#v8: 7.7.299.13-node.16
#uv: 1.33.1
#zlib: 1.2.11
#brotli: 1.0.7
#ares: 1.15.0
#modules: 72
#nghttp2: 1.39.2
#napi: 5
#llhttp: 1.1.4
#http_parser: 2.8.0
#openssl: 1.1.1d
#cldr: 35.1
#icu: 64.2
#tz: 2019c
#unicode: 12.1

#初始化blog
hexo init

基本命令与文件目录

hexo clean                  #清理缓存文件
hexo g                      #生成文件
hexo s                      #运行本地服务器
hexo d                      #上传到服务器
hexo new "name"              #新建文章
hexo new page "pagename"      #新建页面
hexo help                    #查看帮助
hexo version                 #查看版本信息
hexo deploy -g               #生成加部署
hexo server -g               #生成加预览
hexo n = hexo new 
hexo g = hexo generate
hexo s = hexo server
hexo d = hexo deploy
hexo clean  && hexo generate && hexo deploy
<DIR>          .deploy_git
        31,108 db.json
<DIR>          node_modules             #为Hexo的插件目录,利用插件生成静态HTML文件
       160,185 package-lock.json
           726 package.json
<DIR>          public
<DIR>          scaffolds                #模板文件。可以添加模板使用
<DIR>          source                   #存放.md文件和图片资源
<DIR>          themes                   #存放主题目录
          2,720 _config.yml              #全局配置文件

启动Hexo,并在浏览器中打开

提示:在要已经创建好的blog目录下启动

#启动服务
hexo s

#使用powershell,打印输出
#注意,使用完全powershell要退出,否则后面执行命令可能会出现错误,这里仅仅是为了显示web信息
curl http://localhost:4000

#StatusCode        : 200
#StatusDescription : OK
#Content           : <!DOCTYPE html><html lang="zh_CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">...
#...

发布到Gitee

Gitee配置信息

创建Gitee个人用户,进入个人主页,在头像左侧,鼠标移动到加号上,显示出新建仓库,点击

#仓库名称
blog
#路径,注意:路径必须与你的用户名称相同,否则会创建博客失败
your_Gitee_name
#是否开源
公开
#点击创建

配置SSH公钥

也可以通过用户名和密码,为减少每次提交都要手动输入,建议使用密钥

在blog目录下,鼠标右键 Git Bash Here,等待一个小黑窗口的出现

生成和添加公钥查看公钥配置帮助信息

参考上以链接进行配置,以下是个人配置

# 生成密钥对
ssh-keygen -t rsa -C ""
# 查看公钥 ,需将路径修改为实际路径
cat ~/.ssh/id_rsa.pub

点击进入SSH公钥配置,打开配置界面,将公钥内容

#测试连接
ssh -T 
#返回结果
Hi xxxx! You've successfully authenticated, but GITEE.COM does not provide shell access.

安装deploy

#安装推送插件
npm install hexo-deployer-git --save

配置文件

#配置blog目录下的_config.yml文件
#注意格式
#type:空格git
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: :gaoanyu/gaoanyu.git
  branch: master

提交md文件

编写markdown格式的文件,并复制到source/_posts目录下

注意:是纯文本文件

#初次提交执行命令
hexo deploy
#后续更新执行命令
hexo generate --deploy
#出现以下信息,表示提交成功
#Enumerating objects: 31, done.
#Counting objects: 100% (31/31), done.
#Delta compression using up to 4 threads
#Compressing objects: 100% (12/12), done.
#Writing objects: 100% (17/17), 6.42 KiB | 1.07 MiB/s, done.
#Total 17 (delta 6), reused 0 (delta 0)
#remote: Powered by GITEE.COM [GNK-3.8]
#To gitee.com:your_Gitee_name/your_Gitee_name.git
#   3162911..73c8374  HEAD -> master

配置Gitee Pages

进入创建好的配置仓库中,打开服务,点击会出Gitee Pages,JavaDoc,PHPDoc等,表示上一步提交的信息,已被gitee.com成功接收了。点击Gitee Pages,选择强制使用https,点击下方更新,点击确定

在浏览器中输入 https://your_Gitee_name.gitee.com 就会看到写好的博客

其他配置

配置主题

官方文档

# 安装主题
git clone -b master https://github.com/Molunerfinn/hexo-theme-melody themes/melody
#修改blog目录下的_config.yml文件
vim _config.yml
theme: melody 


# 安装页面渲染插件
npm install hexo-renderer-jade hexo-renderer-stylus --save

# 复制主题配置文件
mkdir -p source/_data/
cp themes/melody/_config.yml source/_data/melody.yml
#修改主题配置文件 
local_search:
  enable: true
  labels: 
    trigger: auto
    top_n_per_article: 1

本地图片调用

在source下新建目录img, 在进行调用时候通过url绝对路径本地调用

#查看目录信息
dir source\img
15:56         1,184,411 shz.png
#查看调用图片详情
![](/img/shz.png)
#查看本地调用图片源码信息
<p><img src="/img/shz.png" alt=""></p>
#查看gitee.com调用图片信息
https://gaoanyu.gitee.io/img/shz.png

安装站点地图插件

#安装站点地图插件
cnpm install hexo-generator-sitemap
#修改_config.yml文件
#Plugins:
Plugins:
- hexo-generator-sitemap  
# Search
search:
  path: sitemap.xml
  field: post
  format: html
  limit: 10000

feed插件

Rss的生成插件,可以在配置显示站点的RSS,文件路径\atom.xml

#安装
cnpm install hexo-generator-feed
#修改配置
#Plugins:
Plugins:
- hexo-generator-sitemap  
- hexo-generator-feed

#Feed Atom
feed:
  type: atom
  path: atom.xml
  limit: 20

wordcount问题

在文件夹themes\melody中找到_config.yml文件

# 设置为true
# Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/additional-package-support?id=word-counting
wordcount:
  enable: true

配置搜索功能

搜索插件是基于站点地图的xml文件

在文件夹themes\melody中找到_config.yml文件

#安装搜索插件
cnpm install hexo-generator-searchdb --save
cnpm install hexo-generator-search --save
#主题配置文件搜索项,设置为true
# Local search
# Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/third-party-support?id=local-search
# ---------------
local_search:
  enable: true

相关推荐