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
相关推荐
JingLisen 2020-06-26
hzq0 2020-06-16
蓝亭书序 2020-06-04
Amzaing00 2020-05-11
hzq0 2020-05-10
乾坤一碼農 2020-05-10
gakki的二向箔 2020-05-07
hzq0 2020-05-05
hzq0 2020-05-05
只有代码的世界 2020-04-27
JingLisen 2020-04-23
gakki的二向箔 2020-04-07
89284553 2020-03-09
YULIU 2020-03-07
只有代码的世界 2020-03-04
hzq0 2020-02-21
只有代码的世界 2020-02-19
YULIU 2020-02-18