hexo搭建使用与主题

========================================================================= 推荐方式
Centos7.3、nginx环境下部署hexo博客（非git推送方式）
https://blog.csdn.net/qq_41684621/article/details/103652339

Centos7.3、nginx环境下部署hexo博客（非git推送方式）
https://blog.csdn.net/qq_41684621/article/details/103652339

Hexo+Gitee Pages 搭建个人静态博客 ==> Gitee
https://xdr630.blog.csdn.net/article/details/120563739

Windows环境搭建hexo博客部署到GitHub上
https://xdr630.blog.csdn.net/article/details/103259804

https://xdr630.blog.csdn.net/article/details/119058206

Centos7.3、nginx环境下部署hugo博客
http://t.zoukankan.com/xdr630-p-15255045.html

最终选择hexo
========================================================================= Hexo的安装
Hexo的安装与使用
https://blog.csdn.net/weixin_43659725/article/details/125207383

// Markdown是一个 Web 上使用的文本到HTML的转换工具，可以通过简单、易读易写的文本格式生成结构化的HTML文档。Hexo 使用 Markdown解析文章，按照指定的主题解析成静态网页。 // mk ==转==> html
mk: https://www.jianshu.com/p/815788f4b01d

1.安装git&&安装node

2.安装使用Hexo
$ npm install -g hexo-cli
$ npm install hexo-deployer-git –save # 最后如果需要部署到git，就要安装这个包
$ hexo init /home/lzh/Desktop/workbench/ # 不指定的话默认在当前路径下设置工作站。
$ cd /home/lzh/Desktop/workbench/
$ npm install
我们先关注_config.yml和source这两个文件
_config.yml为网站的配置信息，例如网站的标题、副标题、语言、时区等
source为资源文件夹，资源文件夹是存放用户资源的地方，新建的文章都会保存 _posts里面。除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。
Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。

3.发布网站
安装服务器：Hexo 3.0 把服务器独立成了个别模块，我们必须得在站点文件夹根目录下安装之后才能使用。在命令行中打开我们的工作站文件夹，键入以下命令，以将 hexo-server 安装到我们的工作站文件夹：
$ npm install hexo-server –save
生成一个博客文章:
$ hexo new Hexo-2

发布:
$ hexo clean $ hexo clean # 清空缓存
$ hexo generate $ hexo g # 重新渲染
$ hexo server $ hexo s
$ hexo d # 部署到github page

========================================================================= Hexo的使用
Hexo系列——(二) 使用Hexo发博客
https://blog.csdn.net/weixin_43659725/article/details/125207534

Hexo系列——(三) 将Hexo部署到Git上
1.配置用户名和邮箱
打开终端，输入指令，替换自己的github用户名和邮箱：
git config –global user.name “用户名”
git config –global user.email “邮箱”

2.生成密钥SSH key：
ssh-keygen -t rsa -C “邮箱”
生成的公钥会保存在~/.ssh/id_ras.pub中，使用cat ~/.ssh/id_ras.pub查看，我们全部复制，等会要用。

3.添加公钥到Github的账号
4.验证ssh的配置是否成功。
输入 ssh -T git@github.com，验证密码，出现你的github用户名代表配置成功。You’ve successfully authenticated, but GitHub does not provide shell access.

5.创建仓库
取一个仓库名，我直接使用我的用户名，但要注意，一定要在结尾加上.github.io ==> 用户名.github.io
仓库code页面点击Settings>Pages，这个链接就是你的博客地址，点进去是404，这是因为现在我们的Hexo还没部署上去，网站什么都没有。

依赖与配置文件:
$ npm install hexo-deployer-git –save
修改配置文件:
deploy:
type: git
repository: ssh://git@github.com/用户名/仓库名.github.io.git
// 比如我的就是repository: ssh://git@github.com/xxxx/xxxx.github.io.git
brandh: master
messge:

6.部署
每次重新开一个新的终端都要重新连接git：ssh -T git@github.com
执行下面命令，然后再次进入Pages的链接用户名.github.io就可以看到你的博客了。
hexo generate && hexo deploy 或则 hexo g -d

参考资料: https://blog.csdn.net/weixin_43659725/article/details/125207584

========================================================================= bug的解决
Hexo中图片无法加载
https://blog.csdn.net/weixin_43659725/article/details/125329275

首先确认根目录_config.yml中有: post_asset_folder: true
然后在hexo站点终端下执行: npm install https://github.com/CodeFalling/hexo-asset-image –save // npm install hexo-asset-image –save
确保在/source/_posts下创建和md文件同名的目录，在里面放该md需要的图片，然后在md中插入:
配置完成之后,开启服务器查看,goto 发布

Hexo错误：spawn failed的解决方法
https://nies.live/d/141

========================================================================= 可爱的动漫小人
使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人（九）
安装插件: npm install –save hexo-helper-live2d
模型: npm install live2d-widget-model-koharu
当你不想要的时候，可以enable设置为false，也可以卸载: npm uninstall hexo-helper-live2d
https://blog.51cto.com/u_12877374/2853813

========================================================================= Hexo主题开发
Hexo主题开发-自定义开发
https://www.cnblogs.com/yyhh/p/11058985.html

Yilia 是为 hexo 2.4+ 制作的主题。
安装: git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia # 将hexo-theme-yilia安装到themes目录下
打开根目录下的_config.yml文件，找到 theme 处, 修改配置：theme: yilia # yilia
其他配置-配置“所有文章”：npm i hexo-generator-json-content –save
根目录文件_config.yml,新增内容:
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
参考资料: https://github.com/litten/hexo-theme-yilia

hexo主题之hexo-theme-yilia-plus
$ git clone –depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git ./themes/yilia-plus && cd themes/yilia-plus && git pull
修改hexo根目录下的 ​​_config.yml​​ -> ​​theme: yilia-plus​​
主题配置文件​​_config.yml​: https://github.com/JoeyBling/yilia-plus-demo
参考资料: https://blog.51cto.com/zhousiwei/4567582
+
配置“所有文章”
“所有文章”按钮，需要插件生效。
npm i hexo-generator-json-content –save + 配置根目录文件_config.yml
https://blog.csdn.net/weixin_41599858/article/details/104786622

========================================================================= npm下载失败问题
今天根据 vue-element-admin 官网文档下载项目，初始化时报错
npm ERR! An unknown git error occurred
试了网上的大部分方法，都没用，最后在官网提供的问题解决帖子找到了解决办法, 官网帖子，点击跳转
解决办法：
一定不要用 cnpm 安装！！！

1.在项目根目录下新建名为 .npmrc 的文件，将下文粘贴进去
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

2.再执行初始化命令
npm install –registry=https://registry.npm.taobao.org

3.成功
如果还是不行，可参考官网提供的帖子，有多种方案

参考资料: https://www.cnblogs.com/sanrenblog/p/16507831.html

=========================================================================

赏

~~谢谢你请我吃糖果~~

支付宝

微信