0%

hexo

常用命令(cmd)

hexo n “postName”
hexo clean
hexo g 本地生成
hexo d 同步到github
hexo d -g
hexo new page aboutme
hexo s 本地服务器预览
hexo s -p 4100 换端口

搭建Github+hexo 博客的过程

参考链接如下
使用Hexo+Github一步步搭建属于自己的博客(基础)
使用Hexo+Github一步步搭建属于自己的博客(进阶)
[1]
http://blog.haoji.me/build-blog-website-by-hexo-github.html?from=xa
[2] https://www.cnblogs.com/fengxiongZz/p/7707568.html
[3] https://www.jianshu.com/p/84a8384be1ae
[4] ttp://tengj.top/2016/02/22/hexo1/

1
2
next新版本:
git clone https://github.com/theme-next/hexo-theme-next themes/next
1
$ npm install -g hexo-cli

安装Node.js →安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pages仓库 → 部署

安装Git →
node.js的解释是高并发
npm是模块的包管理器,与node.js一起安装的。
npm install hexo -g 全局安装
hexo是基于node.js的静态博客,所以我们才需要安装node.js
Git是为了让其他人也可以看到你的博客,把本地的内容提交到github上面去
常用命令
hexo g 生成 generate
hexo s 启动服务器预览 server
hexo d 部署 deploy
hexo clean 清除缓存
hexo server -p 4100
hexo generate —deploy 完成后部署
hexo deploy —generate 完成后部
hexo new “postName”

node_modules 依赖包
public 生成的页面
scaffolds 模板文件夹 post draft page
source 用户资源的地方

hexo解释
hexo中_config.yml
markdown写博客
hexo中的配置信息
域名绑定
hexo渲染MathJax数学公式
markdownpad渲染数学公式只能F6浏览器预览,并且不能实时预览,所以考虑换个markdown编辑器
cmd markdown对本地文件支持不友好,并且不能加载本地图片
Hexo Markdown 简明语法手册
hexo的脚注问题
只能实现数字的脚注


2018-09-12

添加功能

实现评论功能

此次评论功能使用disqus,理由:同学推荐
参考链接:
Hexo折腾记之科学使用Disqus与Next的集成
科学使用 Disqus
Disqus PHP API
基于disqus-php-api在Hexo博客中使用Disqus
Disqus-Proxy 配置说明
Github 搭建 hexo (四)——更换主题,disqus,RSS

添加rss功能

不知道是干嘛的,好像是为了实现订阅的。暂时不是很清楚。
参考链接:
最简便的方法搭建Hexo+Github博客,基于Next主题

添加site-map功能

参考链接
不知道是干嘛的
Github 搭建 hexo (五)- 站点地图(sitemap.xml)
站点地图还挺高级,以后再说。

百度自动推送

参考链接
Hexo+Next主题博客提交百度谷歌收录

添加公益404界面

参考链接
hexo添加404公益界面
最简便的方法搭建Hexo+Github博客,基于Next主题

添加搜索

参考链接
hexo-genarator-search

高级教程

以后再说
利用Gitpage+hexo开发自己的博客
Hexo个人免费博客(三) next主题、评论、阅读量统计和站内搜索
官网插件


title: Hello World
toc: true


Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment


hexo实现显示本地图片

2018-12-03,文章资源文件夹

在vscode可以显示本地图片,但是上传到blog中后无法显示本地图片。

参考链接
https://www.cnblogs.com/codehome/p/8428738.html?utm_source=debugrun&utm_medium=referral

实际操作

  1. 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true
  2. 在你的hexo目录下执行这样一句话npm install hexo-asset-image —save,这是下载安装一个可以上传本地图片的插件,来自dalao:dalao的git,如果后续步骤报错,可以卸载后执行后续步骤
  3. hexo n后会发现除了生成一个md文件,同目录下还生成了一个同名文件夹,用于放入图片。markdown中引入图片的语法:
1
![你想输入的替代文字](xxxx/图片名.jpg)

  1. 最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是
1
2
<img src="2017/02/26/xxxx/图片名.jpg">
而不是<img src="xxxx/图片名.jpg>

这很重要,关乎你的网页是否可以真正加载你想插入的图片。如果发现有问题,可以直接查看源码,查看src,来进行修正。

  1. 引用方式二:
1
2
3
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

我最后采用的是

1
{% asset_img example.jpg This is an example image %}

hexo文件上传到github之后,会发现图片和md文件在同一个目录下。

添加评论 valine

2019-05-24

参考链接:https://blog.csdn.net/blue_zy/article/details/79071414

重装博客

2020-09-10

  1. 安装node.js
  2. 安装git
  3. 安装hexo
1
2
3
4
5
6
7
8
npm install hexo -g
hexo -v
npm config set registry http://registry.npm.taobao.org/ # npm换源
hexo init
npm install # cd ./blog
hexo g
# hexo s
hexo s -p 4000
  1. hexo与github联系
1
2
3
4
5
6
7
8
9
10
11
12
git config --global user.name "TJJTJJTJJ"
git config --global user.email "tianjiajie1881090@163.com"
ssh-keygen -t rsa -C “tianjiajie1881090@163.com”
# .ssh 在 C:\Users\tjj\.ssh
eval "$(ssh-agent -s)"
ssh-add /C/Users/tjj/.ssh/id_rsa
# 登录Github,点击头像下的settings,添加ssh
# 新建一个new ssh key,将id_rsa.pub文件里的内容复制上去
ssh -T git@github.com

# 配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值(在末尾)
# repo值是你在github项目里的ssh(右下角)