使用hexo自建博客

最新推荐文章于 2024-11-09 23:59:24 发布
最新推荐文章于 2024-11-09 23:59:24 发布
阅读量1k 收藏 22
点赞数 30
文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangqinglei26/article/details/136163293
版权

官方文档

1. 依赖环境（windows）

  • 安装git
  • 安装node

2. 安装

2.1. 安装客户端并初始化工作目录

# 全局安装hexo客户端
npm install -g hexo-cli
# 初始化目录结构
cd <folder>
hexo init

在这里插入图片描述

2.2. 安装服务并启动

# 进入工作目录，安装 hexo-server 服务依赖
npm install hexo-server --save
# 启动hexo，默认端口 4000 
# hexo server -p <端口号>
hexo server

在这里插入图片描述

  • 输入 http://localhost:3000 ，测试是否部署成功：
    在这里插入图片描述

3. 发布到Github

3.1. 配置SSH

参考资料：Git

3.2. 将文件发布到github

3.2.1. 安装部署依赖
# 进入工作目录
npm install hexo-deployer-git --save
3.2.2. 修改配置
  • 修改工作目录下的 _config.yml：
deploy:
  type: git
  repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
  branch: [branch]
  message: [message]

在这里插入图片描述
在这里插入图片描述

3.2.3. 测试是否成功
# 清空缓存和publc目录
hexo clean
# 生成静态yem
hexo generate
# 部署到git
hexo deploy

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 登陆github，查看是否提交成功
    在这里插入图片描述

3.3. 设置GitHub Pages

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 修改根url
    在这里插入图片描述
  • 重新部署
hexo clean
hexo generate
hexo deploy

在这里插入图片描述

4. 切换主题

主题

ayer主题使用 （说明： 由于我们会对主题进行二次开发，所以建议使用文中第2种方法进行安装）

4.1. 安装主题

cd <folder>
git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer
  • 修改工作目录下 _config.yml
    在这里插入图片描述
  • 修改语言为中文
    在这里插入图片描述

4.2. 安装插件

# 搜索插件
npm install hexo-generator-searchdb --save

在这里插入图片描述

  • 修改工作目录下 _config.yml
# hexo-generator-searchdb
search:
  path: search.xml
  field: post
  format: html

在这里插入图片描述

4.3. 生成分类和标签页

# 生成分类页
hexo new page categories
# 生成标签页
hexo new page tags

在这里插入图片描述

  • 然后将以下内容追加到 /source/categories/index.md 文件
type: "categories"
layout: "categories"

在这里插入图片描述

  • 然后将以下内容追加到 /source/tags/index.md 文件
type: "tags"
layout: "tags"

在这里插入图片描述

4.4. 配置gittalk

参考

  • 此url与Git page提供的url保持一致
    在这里插入图片描述

4.4. 修改主题配置文件

在这里插入图片描述

# 侧边栏菜单
menu:
  主页: /
  归档: /archives
  分类: /categories
  标签: /tags
  关于我: /2019/about

# 站点次标题和打字动效
# https://github.com/mattboldt/typed.js
subtitle:
  enable: true # 是否开启动效
  text: 赢在格局，输在计较 # 显示的文字
  text2:  # 滚动播放，如果不需要可以留空
  text3:  # 最多支持三段文字
  startDelay: 0 # 延迟时间
  typeSpeed: 200 # 打字速度
  loop: false # 是否循环
  backSpeed: 100 # 回退速度
  showCursor: true # 是否显示光标

# 网站图标和侧边栏logo
favicon: /favicon.ico
logo: /images/face.jpg

# 封面配置
# enable-是否启用封面；path-封面背景图；logo-封面logo
cover:
  enable: false
  path: /images/cover1.jpg # /source/images目录下附送多张美图，可更换
  logo: true #/images/ayer.svg，如果不要直接设置成false

# 页面顶部进度条
progressBar: true

# 告示板模块
broadcast:
  enable: true # true开启，false关闭
  type: 2 # 1：自定义输入，2：一言api(https://hitokoto.cn/)
  text: 一个安静优雅的hexo主题，快速且响应式。 # type为1时有效

# 文章配置
# 文章太长，截断按钮文字(在需要截断的行增加此标记：<!--more-->)
excerpt_link: 阅读更多...
# 如果你嫌每篇文章手动加more标记比较麻烦，又不想在首页全文显示，可以把excerpt_all设置成true，这样首页只会显示文章归档
excerpt_all: false

# 是否开启代码复制按钮
copy_btn: true
# 是否开启文章分享按钮
share_enable: false
# 国内的社交平台(If you are not in China, maybe you prefer to set:false)
share_china: true
# 文章分享文字
share_text: 分享

# 分页文字
nav_text:
  page_prev: 上一页
  page_next: 下一页
  post_prev: 上一篇
  post_next: 下一篇

# 文章页是否显示目录
toc: true

# 文章中的图片是否支持点击放大
image_viewer: true

# https://github.com/willin/hexo-wordcount
# 是否开启字数统计(关闭请设置enable为false)
# 也可以单独在md文件里Front-matter设置`no_word_count: true`属性，来自定义关闭字数统计
word_count:
  enable: true
  # 只在文章详情显示(不在首页显示)
  only_article_visit: true

# 打赏
# 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 0
# 打赏wording
reward_wording: "请我喝杯咖啡吧~"
# 支付宝二维码图片地址，跟你设置logo的方式一样。比如：/images/alipay.jpg
alipay: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/alipay.jpg
# 微信二维码图片地址
weixin: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/wechat.jpg

# 版权声明
# 版权声明type设定：0-关闭版权声明； 1-文章对应的md文件里有copyright: true属性，才有版权声明； 2-所有文章均有版权声明
copyright_type: 2

# 是否启用搜索
# 需要安装hexo-generator-searchdb(https://github.com/theme-next/hexo-generator-searchdb)
search: true

# RSS订阅(先安装hexo-generator-feed插件，再去博客根目录config进行配置)
# 不想显示可以直接留空
rss: 

# 是否启用黑夜模式开关
darkmode: true

# 动态背景效果: 0-关闭，1-动态线条(跟随鼠标)
canvas_bg: 0

# 自定义鼠标样式，直接替换/images/mouse.cur文件
mouse:
  enable: false
  path: /images/mouse.cur

# 鼠标点击效果：0-关闭，1-爱心，2-爆炸烟花，3-粒子烟花
click_effect: 0

# 页面宽度自定义（不建议修改，可能造成布局混乱），article_width文章宽度，sidebar_width侧边栏宽度
layout:
  article_width: 80rem
  sidebar_width: 8rem

# GitHub Ribbons-封面右上角的forkme，换样式直接在source/images目录下替换forkme图片
github:
  # (关闭请设置为false)
  enable: false
  url: https://github.com/Shen-Yu/hexo-theme-ayer

# 网易云音乐插件
music:
  enable: false
  # 播放器尺寸类型(1：小尺寸、2：大尺寸)
  type: 1
  id: 22707008 # 网易云分享的音乐ID(更换音乐请更改此配置项)
  autoPlay: true # 是否开启自动播放

# 访问量统计(不蒜子)
busuanzi:
  enable: true

# 友盟cnzz统计(url填js代码src链接)
cnzz:
  enable: false
  url: https://s9.cnzz.com/z_stat.php?id=1278069914&web_id=1278069914

# Google Analytics
google_analytics: ""
# 百度统计
baidu_analytics: "awwssw1snsnsnn1ndndnndnd99j"

# Mathjax数学公式
mathjax: false

# Katex数学公式(allpost设置为false时只有头部设置math:true的文章才开启)
# 需要更换hexo渲染器，npm un hexo-renderer-marked -S && npm i hexo-renderer-markdown-it-katex -S
katex:
  enable: false # true
  allpost: true
  copy_tex: false

# mermaid流程图 三个选项缺一不可(https://mermaid-js.github.io/mermaid/)
mermaid:
  enable: false
  cdn: https://cdn.jsdelivr.net/npm/mermaid@8.9.2/dist/mermaid.min.js
  theme: forest

# 网站成立年份(默认为 2019，若填入年份小于当前年份，则显示为 2018-2019 类似的格式)
since: 2020

# 是否显示页脚信息(建议保留)
pageFooter: false

# ICP备案信息尾部显示
icp:
  enable: false
  url: "http://www.beian.miit.gov.cn/" # 备案链接
  text: "浙ICP备88888888" # 备案信息
# 公安备案信息尾部显示
gongan:
  enable: false
  img: /images/beian.png #公安备案图片
  url: "http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=01234567890123" #公安备案链接
  text: "浙公网安备01234567890123号" #公安备案信息

# 友情链接
friends_link:
  Ayer主题: #网站名称
    #网站地址
    url: https://github.com/Shen-Yu/hexo-theme-ayer
    #网站图片(可忽略不写)
    img: /images/ayer.png
  GitHub:
    url: https://github.com/Shen-Yu
    img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/github.png
  码云:
    url: https://gitee.com/shen-yu
    img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/gitee.png
  Hexo官网:
    url: https://hexo.io
    img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/hexo.png
  Hexo图表插件:
    url: https://github.com/Shen-Yu/hexo-tag-chart
    img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/hexo-tag-chart.png

# 评论：1、Valine(推荐)；2、Gitalk；3、Twikoo; 4.MiniValine

# 1、Valine[一款快速、简洁且高效的无后端评论系统](https://github.com/xCss/Valine)
# 启用Valine必须先创建leancloud应用， 获取 id|key 填入即可
leancloud:
  enable: false
  app_id: #
  app_key: #
# Valine配置
valine:
  enable: true # 是否启用
  avatar: monsterid # 头像样式(https://valine.js.org/avatar.html)
  placeholder: 给我的文章加点评论吧~ # placeholder

# 2、Gitalk(https://github.com/gitalk/gitalk)
gitalk:
  enable: true # true
  clientID: 129f2c758bba8433d4c8 # GitHub Application Client ID
  clientSecret: eeb34f70e9dfcf7e04e8d9a9206136315394f8c1 # Client Secret
  repo: yangtest # Repository name
  owner: yangqinglei26 # GitHub ID
  admin: yangqinglei26 # GitHub ID


# 3、Twikoo(https://github.com/imaegoo/twikoo)
twikoo:
  enable: false
  envId: #

# 4、MiniValine
# See: https://github.com/MiniValine/MiniValine
minivaline:
  enable: false
  # 更多选项 https://minivaline.js.org/docs/cn/#/Options 按照yml格式继续填写即可 （除了 [el] 选项）
  # emoticonUrl 等列表选项 可参考 https://github.com/MiniValine/hexo-next-minivaline
  # 下面是一个例子：
  serverURL: https://minivaline.your-domain.com

# 首页广告配置
# 可以根据需要自行增加ad_3，ad_4...，留空则不显示，建议图片和url不要带ad等关键词，否则可能会被adblock等插件屏蔽
# ads:
#   ad_1:
#     title: 腾讯云限时秒杀
#     img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/ten_1.jpg
#     url: https://curl.qcloud.com/ezctH6FU
#     width: 300
#   ad_2:
#     title: 云服务器全球购低至2折
#     img: https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/img/ten_2.jpg
#     url: https://curl.qcloud.com/kvO7hb43
#     width: 300

4.5. 部署并测试

# 清空缓存 
hexo clean
# 生成public文件并部署到github
hexo g -d
  • 访问 https://yangqinglei26.github.io/yangtest

5. 解决图片展示问题

5.1. 安装图片处理插件

cd <工作目录>
npm install hexo-asset-image --save

5.2. 修改插件文件 /node_modules/hexo-asset-image/index.js

'use strict';
var cheerio = require('cheerio');

// http://stackoverflow.com/questions/14480345/how-to-get-the-nth-occurrence-in-a-string
function getPosition(str, m, i) {
  return str.split(m, i).join(m).length;
}

var version = String(hexo.version).split('.');
hexo.extend.filter.register('after_post_render', function(data){
  var config = hexo.config;
  if(config.post_asset_folder){
    	var link = data.permalink;
	if(version.length > 0 && Number(version[0]) == 3)
	   var beginPos = getPosition(link, '/', 1) + 1;
	else
	   var beginPos = getPosition(link, '/', 3) + 1;
	// In hexo 3.1.1, the permalink of "about" page is like ".../about/index.html".
	var endPos = link.lastIndexOf('/') + 1;
    link = link.substring(beginPos, endPos);

    var toprocess = ['excerpt', 'more', 'content'];
    for(var i = 0; i < toprocess.length; i++){
      var key = toprocess[i];
 
      var $ = cheerio.load(data[key], {
        ignoreWhitespace: false,
        xmlMode: false,
        lowerCaseTags: false,
        decodeEntities: false
      });

      $('img').each(function(){
		if ($(this).attr('src')){
			// For windows style path, we replace '\' to '/'.
			var src = $(this).attr('src').replace('\\', '/');
			if(!/http[s]*.*|\/\/.*/.test(src) &&
			   !/^\s*\//.test(src)) {
			  // For "about" page, the first part of "src" can't be removed.
			  // In addition, to support multi-level local directory.
			  var linkArray = link.split('/').filter(function(elem){
				return elem != '';
			  });
			  var srcArray = src.split('/').filter(function(elem){
				return elem != '' && elem != '.';
			  });
			  if(srcArray.length > 1)
				srcArray.shift();
			  src = srcArray.join('/');
			  $(this).attr('src', "/" + link + src);
			  console.info&&console.info("update link as:-->"+"/" + link + src);
			}
		}else{
			console.info&&console.info("no src attr, skipped...");
			console.info&&console.info($(this));
		}
      });
      data[key] = $.html();
    }
  }
});

5.3. 修改工作目录下 _config.yml

post_asset_folder: true

5.4. 修改typora偏好配置

在这里插入图片描述

参考资料：Ericam

6. 集成Travis CI

6.1. 配置 personal access token

6.1.1. 生成 access token

在这里插入图片描述

6.1.2. 拷贝access token到记事本，保存以备用

在这里插入图片描述

6.2. 配置 Travis CI

6.2.1. 将 Travis CI 添加到你的 GitHub 账户中

在这里插入图片描述

6.2.2. 前往 GitHub 的 Applications settings，配置 Travis CI 权限，使其能够访问你的 repository

在这里插入图片描述
在这里插入图片描述

6.2.3. 将Github生成的 personal access token添加到travis中

在这里插入图片描述
在这里插入图片描述

6.3. 配置 .travis.yml

6.3.1. 工作目录下新建 .travis.yml
# 指定构建环境是Node.js，当前版本是稳定版
anguage: node_js
node_js: stable

# 设置钩子只检测blog-source分支的push变动
branches:
  only:
    - main

# 设置缓存文件
cache:
  directories:
    - node_modules

#在构建之前安装hexo环境和主题，这里的主题就是原来修改过的主题，我将其托管到另一个github仓库，直接clone就行，否则每次都是新的主题，要重新设置。
before_install:
  - npm install -g hexo-cli

#安装git插件和搜索功能插件
install:
  - npm install
  - npm install hexo-deployer-git --save
  - npm install hexo-generator-searchdb --save
  - npm install hexo-asset-image --save


# 执行清缓存，生成网页操作
# 将 5.2 中的index.js 拷贝到imagedeal中
script:
  - rm -rf ./node_modules/hexo-asset-image/index.js
  - cp ./imagedeal/index.js ./node_modules/hexo-asset-image
  - hexo clean
  - hexo generate

# 设置git提交名，邮箱；替换真实token到_config.yml文件，最后depoy部署
after_script:
  - git config user.name "yangqinglei26"
  - git config user.email "dandetionyang@163.com"
  # 替换同目录下的_config.yml文件中gh_token字符串为刚才在6.2.3中travis配置的变量，注意此处sed命令用了双引号。单引号无效！
  - sed -i "s/gh_token/${GH_TOKEN}/g" ./_config.yml
  - hexo deploy

在这里插入图片描述

6.3.2. 修改 _config.yml

在这里插入图片描述

6.4. 提交到github，并测试

6.4.1. 删除 themes\ayer 下多余的文件,不然主题配置会被覆盖

在这里插入图片描述

6.4.2. 提交并测试
# 清空分支下所有文件
git init 
git add .
git commit -m "初始化仓库"
git remote add origin https://github.com/yangqinglei26/yangtest.git
git push -u origin master:main

在这里插入图片描述

7. 常用命令

7.1. 新建相关

hexo new

hexo new page -p 生活/买车 "买车"

在这里插入图片描述

 hexo new page manage

在这里插入图片描述

hexo new page -p test

在这里插入图片描述

 # 默认使用 _config.yml 中的 default_layout 参数代替
 hexo new -p python/python "python"

在这里插入图片描述

hexo new "python"

在这里插入图片描述

Front-matter

参数描述默认值
layout布局config.default_layout
title标题文章的文件名
date建立日期文件建立日期
updated更新日期文件更新日期
comments开启文章的评论功能true
tags标签（不适用于分页）
categories分类（不适用于分页）
permalink覆盖文章网址
excerptPage excerpt in plain text. Use this plugin to format the text
disableNunjucksDisable rendering of Nunjucks tag {{ }}/{% %} and tag plugins when enabled
langSet the language to override auto-detectionInherited from _config.yml
hexo自建博客之评论接入
Sunltyy的博客
10-19 476
今晚下班，不用回家带娃娃，赶紧抽时间码下hexo的评论接入，话说期间遇到的坑也不少，典型的几个问题下边会重点提一下，话不多说，直接码。。 一、评论系统选型 多说——>2017年已经关闭了服务 畅言——>应该是响应国家言论自由的方针，需要备案，没错需要备案，你没看错 友言——>无奈也已经关闭了 gitment–> 是由基于github issues的系统评论，需要有github账号，考虑到看技术博客的同行，应该都有github吧. Hypercomments—->.
Hexo自建博客之接入评论系统
Sun_ltyy的博客
10-26 1204
今晚下班，不用回家带娃娃，赶紧抽时间码下hexo的评论接入，话说期间遇到的坑也不少，典型的几个问题下边会重点提一下，话不多说，直接码。。 一、评论系统选型 多说——>2017年已经关闭了服务 畅言——>应该是响应国家言论自由的方针，需要备案，没错需要备案，你没看错 友言——>无奈也已经关闭了 gitment–> 是由基于github issues的系统评论，需要有github账号，考虑到看技术博客的同行，应该都有github吧. Hypercomments—->.
Easy-Hexo：the使用Hexo轻松构建自己的网站。 |轻松使用Hexo建站
02-05
易六角 前言 轻松使用Hexo建站 Hexo是一个快速，简洁且高效的博客框架，许多人使用它来建立一个博客网站。但是由于Hexo官方网站的教程并没有涉及到主题配置及自定义，甚至有一些Hexo主题连官方文档都没有，导致用户需要阅读那些网上良莠不齐的教程。而本文档将提供一站式的Hexo教程。 Hexo有什么优点？ 完全免费* 静态网页 使用方便 *：当然，这并不说明整个博客都是免费的。你可能会去购买域名等等。 本文档适用人群 程序员 对创作，编码兴趣的学生 希望可以定期整理笔记的OIer / ACMer 学完本文后，你可以： :smiling_face_with_sunglasses:使用Hexo建立一个博客网站 :balloon:修改Hexo现有主题 :gem_stone:自制一个H
为Hexo博客打造本地搜索功能：hexo-generator-search
gitblog_01046的博客
09-14 428
为Hexo博客打造本地搜索功能：hexo-generator-search hexo-generator-search 项目地址: https://gitcode.com/gh_mirrors/hex/hexo-generato...
Hexo 搭建个人博客学习笔记（5）：个性化主题Next配置站内搜索
qq_29834241的博客
09-14 312
使用hexo-generator-searchdb插件，实现博客站内搜索 版本 Hexo 版本：5.0.x Next 版本：7.8.0 hexo-generator-searchdb 版本：1.3.2 安装 如果有安装淘宝镜像，可以使用cnpm安装 $ npm install hexo-generator-searchdb 或者 $ cnpm install hexo-generator-searchdb 配置hexo 在hexo配置文件 _config.yml 添加以下配置 # search he
Hexo骚操作：主题配置|搜索|评论|统计|图床
catalinaLi的博客
08-14 1620
前言 相信各位在看过上一篇blog手把手教你使用hexo搭建属于你的个人博客后已经初步搭建了属于自己的博客，不过细心的你可能已经发现这样的博客还是缺点什么，现在就来说说Hexo的骚操作:添加主题、统计、评论、SEO等等等等。 承接上篇最后说过的:根目录下的_config.yml叫做站点配置文件，主题下文件夹的_config.yml叫做主题配置文件。好了,现在进入正题，今天我们要对Hexo进行
使用Hexo 搭建你的技术博客，MySQL优化原理分析及优化方案总结
2301_78398209的博客
03-31 356
search:path：索引文件的路径，相对于站点根目录field：搜索范围，默认是 post，还可以选择 page、all，all 表示搜索所有页面limit：限制搜索的条目数。
Hexo搭建个人博客
jrmaker的博客
02-24 480
写这篇的主要目的是记录自己在 windows 下使用 Hexo + next 搭建博客的一个过程，简便搭建小教程。 本文使用环境（win10、node.js、git、next 5.1.4、阿里云Centos7、阿里云购买的域名、nginx） 站点配置 站点搭建 使用 Hexo ，需要安装 node.js（官方建议 10.0 版本以上） 和 Git 程序 ，本文环境为 windows + 阿里云Ce...
使用Hexo+Next搭建个人博客
river106的博客
12-11 1461
欢迎光临我的博客查看最新文章: https://rivers106.cn 1、博客系统：Hexo 官网：Hexo 安装(需要安装nodejs, nodejs自带了npm包管理) npm install hexo-cli -g Hexo 版本：5.4.0
探索 Hexo 的强大插件：Hexo-Generator-Search
gitblog_00088的博客
04-19 410
探索 Hexo 的强大插件：Hexo-Generator-Search hexo-generator-searchA plugin to generate search data for Hexo.项目地址:https://gitcode.com/gh_mirrors/he/hexo-generator-search 项目简介 是一个为 Hexo 构建的搜索引擎生成器。如果你是 Hexo 博客的...
hexo-generator-searchdb:each适用于Hexo的Seach数据生成器插件
05-12
hexo-generator-searchdb 搜索Hexo的数据生成器插件。 该插件用于生成搜索索引文件，其中包含文章的所有必要数据，可用于为博客编写本地搜索引擎。 支持XML和JSON格式输出。 安装 $ npm install hexo-generator-searchdb 选项 您可以在根_config.yml配置此插件。 所有参数都是可选的。 search : path : search.xml field : post content : true format : html path-文件路径。 默认情况下是search.xml 。 如果文件扩展名为.json ，则输出格式为JSON。 否则，将导出XML格式的文件。 字段-您要搜索的搜索范围，可以选择： 帖子（默认）-仅覆盖您博客的所有帖子。 页面-仅覆盖博客的所有页面。 全部-将覆盖您博客的
hexo-generator-search:一个为Hexo生成搜索数据的插件
04-29
六元发生器搜索 生成Hexo 3.x和4.x的搜索数据。 此插件用于生成搜索索引文件，其中包含您文章的所有必要数据，可用于为博客编写本地搜索引擎。 支持XML和JSON格式输出。 -试用此站点中的搜索引擎。 安装 $ npm install hexo-generator-search --save 选项 您可以在根_config.yml配置此插件。 search : path : search.xml field : post content : true template : ./search.xml path-文件路径。 默认情况下是search.xml 。 如果文件扩展名为.json ，则输出格式为JSON。 否则，将导出XML格式的文件。 字段-您要搜索的搜索范围，可以选择： 帖子（默认）-仅涵盖您博客的所有帖子。 页面-仅覆盖博客的所有页面。 全部
个人博客系统-前后端,基于hexo搭建
10-19
通过自建博客，我们可以自由展示自己的思想，分享知识，同时也为自我品牌建设提供了一个有效的平台。本文将深入探讨如何使用Hexo框架来搭建这样一个个人博客系统，并强调其自定义模板的特点。 Hexo，一款轻量级的...
hexo 搭建个人博客网站
最新发布
m0_69003698的博客
11-09 1752
主要记录一下搭建网站的步骤，以及搭建好之后该怎么修改yml文件，使自己的网站看起来好看些，后期发布文章等等。。。此搭建全程免费，非常的不错（除了更改域名之外)有什么附加功能大家可以一块在留言区讨论。🔑 注释：我的内容从许多博客，帖子中汲取接下来咱们开始进入正题。
使用 Hexo 搭建静态博客
I'm cunfu
06-18 654
文章目录Hexo 简介什么是 Hexo？Hexo 安装Hexo 建站Hexo 配置Hexo 自定义主题Hexo 写作Hexo 服务器Hexo 生成与发布一键部署 Hexo 站点到 github pagesGithub 仓库准备安装 hexo-deployer-git 插件修改 _config.yml 配置部署站点一键部署到自己的云服务器配置 Nginx 反向代理新建 git 仓库，并配置 git hooks发布服务到 git 仓库 Hexo 简介 什么是 Hexo？ Hexo 是一个快速、简洁且高效的博客框
html 博客 全文搜索,为Hexo博客添加全文搜索
weixin_35629057的博客
06-07 601
本文介绍如何利用hexo-generator-search插件为Hexo博客添加本地全文搜索原理hexo-generator-search实际上是根据网页内容生成了一个数据文件，格式是XML或者JSON。然后通过JS代码去匹配这个文件的内容，从而达到搜索的目的。最终效果步骤安装 hexo-generator-search$ npm install hexo-generator-search --s...
Hexo博客Next主题站内搜索模块相关，解决搜索无效、一直loading的问题
AomanHao的博客
01-31 3635
站内搜索配置 设置方法： 首先安装hexo-generator-searchdb插件 npm install hexo-generator-searchdb --save 编辑博客根目录下的博客本地目录/_config.yml站点配置文件，新增以下内容到任意位置，search顶格放否则可能没效果： search: path: search.xml field: post format...
Hexo 本地搜索插件使用指南
gitblog_00583的博客
09-14 797
Hexo 本地搜索插件使用指南 hexo-generator-search 项目地址: https://gitcode.com/gh_mirrors/hex/hexo-generator-search ...
探秘Hexo-Generator-Search：打造高效博客搜索引擎
gitblog_00094的博客
04-19 608
探秘Hexo-Generator-Search：打造高效博客搜索引擎 hexo-generator-search项目地址:https://gitcode.com/gh_mirrors/hex/hexo-generator-search 是一个针对Hexo框架的插件，它旨在为你的静态博客提供强大的本地搜索功能。如果你正在使用Hexo构建个人博客，并且希望让你的读者能够更方便地找到他们感兴趣的内容，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值