hexo使用详解

最新推荐文章于 2023-01-24 14:32:09 发布
最新推荐文章于 2023-01-24 14:32:09 发布
阅读量1k 收藏 4
点赞数
分类专栏： 前端 文章标签： hexo 个人博客 nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geduo_83/article/details/111585224
版权

hexo入门

  1. 安装hexo
$ npm install hexo-cli -g
  1. 初始化blog
$ hexo init blog
$ cd blog
  1. 启动服务
hexo server
  1. 创建文章
$ hexo new "Hello Hexo"
  1. 生成文章
$ hexo generate
  1. 修改为中文主题

将语言切换为中文config.yml配置

language: zh-Hans
  1. 发布到github配置_config.yml
deploy:
  type: git
  repo: https://github.com/mxdldev/mxdldev.github.io.git
  branch: master

hexo next主题

  1. 下载next主题
$ cd hexo-site
$ git clone https://github.com/next-theme/hexo-theme-next themes/next
  1. 修改主题在站点配置文件_config.yml
theme: next
  1. 评论支持 NexT 已经原生支持 多说 and Disqus 评论系统
duoshuo:
  enable: true
  shortname: your-duoshuo-shortname

disqus_shortname: your-disqus-shortname
  1. 创建tags页面
 hexo new page "tags"

hexo new page "categories"
  1. 编辑标签页，设置页面类型为tags
title: All tags
date: 2014-12-22 12:39:04
type: "tags"

title: All categories
date: 2014-12-22 12:39:04
type: "categories"

title: Retrofit视频教程，实战开发
date: 2020-11-01 20:31:40
tags: http okhttp retrofit retrofit视频教程
categories: Retrofit
  1. 添加 tags 到主题配置文件 _config.yml 里:
 menu:
    home: /
    archives: /archives
    tags: /tags

hexo ils主题

  1. 下载主题
git clone https://github.com/XPoet/hexo-theme-ils.git  themes/next
  1. 创建分类
---
title: categories
date: 2020-11-01 20:34:59
---
  1. 创建文章
---
title: Retrofit视频教程，实战开发
date: 2020-11-01 20:31:40
tags: [http,retrofit,retrofit视频教程]
categories: [Retrofit]
---
  1. _config.yml配置
# ---------------------------------------------------------------------------------------
#  Your basic info
#  你的基本信息，请正确填写，将显示在主题中。
# ---------------------------------------------------------------------------------------
base_info:
  title: ILS
  author: XPoet
  email: i@xpoet.cn
  url: https://ils.xpoet.cn/

# ---------------------------------------------------------------------------------------
# Theme style settings
# 主题样式设置
# ---------------------------------------------------------------------------------------
style:
  # Theme primary color
  # 主颜色，修改为自己喜欢的颜色即可，支持 rgb、十六进制格式。
  # 建议使用 Web 安全色，https://www.bootcss.com/p/websafecolors/
  primary_color: "#0066CC"

  # favicon
  # 网站图标，把 "/source/images/" 目录下的 "favicon.png"，换成自己的图片即可。
  favicon: images/favicon.png

  # avatar
  # 头像图片，把 "/source/images/" 目录下的 "avatar.png"，换成自己的图片即可。
  avatar: images/avatar.png

# ---------------------------------------------------------------------------------------
# Navigation menu
# 导航菜单
# 如需新增导航页，请按下面格式填写，同时需要创建相对应的 Hexo 页面。
# 如何新增页面，请参考下面的教程：“Add page 添加页面”。
# ---------------------------------------------------------------------------------------
menu:
  Home: /
  Archives: /archives
  # Categories: /categories
  # Tags: /tags
  # Links: /links
  # About: /about
  # ...

# ---------------------------------------------------------------------------------------
# RSS
# Dependencies: hexo-generator-feed
# See: https://github.com/hexojs/hexo-generator-feed
# RSS 订阅，如需启用，请先安装 Hexo 插件：hexo-generator-feed。
# 具体步骤，参考下面的教程：“RSS 订阅”。
# ---------------------------------------------------------------------------------------
rss:
  enable: false

# ---------------------------------------------------------------------------------------
# Comment plugin
# 评论插件
# 主题内置了 Valine 和 Gitalk，只能使用其中一款。
# ---------------------------------------------------------------------------------------
comment:
  # Valine
  # See: https://github.com/xCss/Valine
  # 如何使用 Valine，请参考官方教程：https://github.com/xCss/Valine
  # 获取必要的参数，在下面填写。
  valine:
    enable: false
    appid: # your leancloud application appid
    appkey: # your leancloud application appkey
    meta: # comment input meta, type: Array, values: ['nick','mail','link']
    placeholder: # your placeholder

  # Gitalk
  # See: https://github.com/gitalk/gitalk
  # 如何使用 Gitalk，请参考官方教程：https://github.com/gitalk/gitalk
  # 获取必要的参数，在下面填写。
  gitalk:
    enable: false
    github_id: # GitHub repo owner
    repository: # Repository name to store issues
    client_id: # GitHub Application Client ID
    client_secret: # GitHub Application Client Secret

# ---------------------------------------------------------------------------------------
# Website count
# 网站计数
# ---------------------------------------------------------------------------------------
website_count:
  # busuanzi
  # See: http://ibruce.info/2015/04/04/busuanzi/
  # 主题内置“不蒜子”计数，无需额外配置，选择你要开启的计数项即可。
  # site_uv 访问人数计数
  # site_pv 总访问量计数
  # page_pv 文章阅读量计数
  busuanzi_count:
    enable: false
    site_uv: false
    site_pv: false
    page_pv: false

# ---------------------------------------------------------------------------------------
# Local Search
# Dependencies: hexo-generator-searchdb
# See: https://github.com/theme-next/hexo-generator-searchdb
# 本地搜索，如需启用，请先安装 Hexo 插件：hexo-generator-searchdb。
# 具体步骤，参考下面的教程：“Local search 本地搜索”。
# ---------------------------------------------------------------------------------------
local_search:
  enable: true

  # If auto, trigger search by changing input.
  # If manual, trigger search by pressing enter key or search button.
  # trigger 搜索触发方式，输入关键字后会触发搜索，可选 auto（自动）或 manual（手动）。
  ### auto 每输入或删除一个字符后，自动触发搜索。
  ### manual 每输入或删除一个字符后，需要按回车键触发搜索。
  trigger: auto # values: auto | manual

  # Unescape html strings to the readable one.
  # # 转义 HTML 字符串为可读字符串。
  unescape: false

  # Preload the search data when the page loads.
  # 在页面加载时预加载搜索数据。
  preload: false

# ---------------------------------------------------------------------------------------
# Post word count
# Dependencies: hexo-wordcount
# See: https://github.com/willin/hexo-wordcount
# 文章字数统计 & 阅读时长统计
# 如需启用，请先安装 Hexo 插件：hexo-wordcount。
# 在博客根目录下使用 npm 命令安装: npm i hexo-wordcount --save
# ---------------------------------------------------------------------------------------
post_wordcount:
  enable: false
  wordcount: false # word count, one article
  min2read: false # time to read, one article

# ---------------------------------------------------------------------------------------
# Home page article block display settings
# 首页文章块底部的显示设置，可配置显示分类和标签。
# limit 显示分类或标签的最大个数。
# ---------------------------------------------------------------------------------------
home_article:
  category:
    enable: false # show category in home page article block
    limit: 3 # max number of categories shown in home page article block
  tag:
    enable: false # show tags in home page article block
    limit: 5 # max number of tags shown in home page article block

# ---------------------------------------------------------------------------------------
# Code copy
# 代码复制，代码块的复制风格可选 default | flat | mac。
# ---------------------------------------------------------------------------------------
code_copy:
  enable: true
  style: flat # values: default | flat | mac

# ---------------------------------------------------------------------------------------
# Sidebar tools
# 侧边栏工具（搜索按钮、昼夜模式切换按钮、RSS按钮、TOC显示切换按钮）
# ---------------------------------------------------------------------------------------
side_tools:
  enable: false

# ---------------------------------------------------------------------------------------
# Back to top
# 回到顶部
# ---------------------------------------------------------------------------------------
back2top:
  enable: false

# ---------------------------------------------------------------------------------------
# Table of Contents in the Sidebar
# 文章目录结构
# ---------------------------------------------------------------------------------------
toc:
  enable: false

  # Automatically add list number to toc.
  # 给文章目录自动加上序号。
  number: true

  # If true, all level of TOC in a post will be displayed, rather than the activated part of it.
  # 是否展开所有目录。
  expand_all: true

# ---------------------------------------------------------------------------------------
# Magic
# magic 启用后，主题将以简约的卡片形式显示。
# 可分别配置缩放效果、阴影效果。
# ---------------------------------------------------------------------------------------
magic:
  enable: true
  scale: false # scale effect when the mouse hover
  shadow: false # shadow effect when the mouse hover

Apache http server

https://blog.csdn.net/u014454538/article/details/79261824

https://blog.csdn.net/wulala_hei/article/details/80458128

  1. 下载地址
https://www.apachehaus.com/cgi-bin/download.plx
  1. 安装服务
httpd.exe -k install -n "Apache24"
  1. httpd.conf配置
修改root:
Define SRVROOT "D:\soft\httpd-2.4.46-lre314-x64-vs16\Apache24"

添加端口：
Listen 8080

开启host配置
Include conf/extra/httpd-vhosts.conf
  1. httpd-vhosts.conf配置
<VirtualHost *:8080>
    #设置主机名
    ServerName www.study.com
    #设置主机别名，即用该别名也可以访问(前提是域名解析正确)
    ServerAlias study.com
    #设置该站点根目录
    DocumentRoot "D:/work_java/blog/public"
    #设置文件夹访问控制，其路径要和上一行的DocumentRoot一样,
    <Directory "D:/work_java/blog/public">
        #用于显示设定“可显示文件列表”(当无可显示网页的时候)
        Options Indexes
        #启用文件夹访问控制的文件.htaccess设置
        AllowOverride All
        #请求控制
        Require all granted
        #默认打开的页面设置
        DirectoryIndex index.php index.html
    </Directory>
</VirtualHost>

fly-cloud

  1. spring boot 打包
Liftcycle -> package
  1. 启动服务
java -XX:+UseSerialGC -XX:NativeMemoryTracking=summary -Xms128M -Xmx256M -Xss256k -XX:MaxMetaspaceSize=128M -XX:MetaspaceSize=64M -jar spring-boot-security-oauth2-example-1.0-SNAPSHOT.jar

java -jar spring-boot-security-oauth2-example-1.0-SNAPSHOT.jar
  1. 停止服务
taskkill -f -t -im javaw.exe
  1. mysql安装注意事项
安装vc++环境：VC_redist.x64-2019.exe

学习交流

欢迎入群交流学习，Android、Java开发技术交流群

  • QQ群：810970432
  • email：geduo_83@163.com
门心叼龙
关注
专栏目录
Hexo 完整使用教程
Jumbo
11-06 1724
官网 官网地址：https://hexo.io/zh-cn/ 环境 1.node hexo 基于 node，所以首先要安装node环境 2.npm 包管理工具 环境配置请参考本站对应安装教程 快速开始 安装 hexo npm install -g hexo-cli 初始化 hexo hexo init 工程配置 npm install 浏览器调试 hexo g hexo s 主题安装 下载主题 git clone -b master https://github.co.
详解Hexo搭建博客的底层原理
01-09 2970
前言 在2021年初对照着攻略趟过无数坑终于通过Hexo把博客给整出来了 Hexo官网-----快速、简洁且高效的博客框架 https://hexo.io/zh-cn/ 但是在不断学习的过程中对个人博客的技术选型又有了新的想法，想搭建一个自己喜欢的UI风格并且有后台的博客CMS 于是回过头来，开始对hexo原理好奇起来，本着知其然更要知其所以然的态度，搜了许多有关资料，现在对hexo有了些新的认识，就来梳理记录一下 梳理一下Hexo的优缺点之我见 优点： 生态丰富，好看的主题多 相关文档多，
使用Hexo搭建个人博客的终极资料
weixin_33795833的博客
09-07 185
一、前言 Hexo 是一个基于 NodeJs 博客框架，可以快速的帮我们搭建一个博客系统，Hexo使用的是Markdown（下文简称MD）解析文章的，在几秒内即可利用靓丽的主体生成静态网页。 推荐使用 Hexo 有三大理由： 有大量的主题可供人们选择 使用MD解析文章，MD是现在主流的文章格式 可以快速的生成静态网页，对于系统性能要求低 本文将包含的内容： Hexo安装 后台模式启动Hex...
Hexo 的简单使用
苦逼小码农的博客
07-26 462
Hexo 的简单使用网站标题等的设置Hexo 更换主题Hexo 插入图片关于首页文章内容的简介关于编辑器的使用 网站标题等的设置 其实设置网站的标题特别简单，只需要修改主目录下的 _config.yml 文件设置了如下图的信息，就会使网站的浏览器标签和网站的主标题设置成你想要的。文件修改的信息如下图所示,实际的效果可以到我的网站去体验。 点击前往 Hexo 更换主题 首先，如果按照我的上一篇文章...
HEXO使用指南
王星星
12-16 2883
最近用了hexo搭建博客，踩了许多坑，所以想总结一篇文章。包括每一步的做法，以及可能踩的坑，以及应对的办法：欢迎大家访问的我新博客：https://wxxlamp.cn 大家可以参考这个文档；easyhexo 1. 环境准备 在使用HEXO之前，我们需要安装node.js和npm（因为node.js已经包含了npm，所以我们只需要更新npm即可）。同时因为npm是国外的源，我们一般都会设置淘宝的镜像，或者是用cnpm 下载node.js和npm，我是按照这个教程来的，其中的安装vue我们可以不用搞。 2.
hexo的使用
文耀的博客
08-07 375
title: hexo的使用 date: 2021-03-22 13:05:15 tags: hexo categories: uncategorized hello hexo 安装前提 安装git 安装Node.js 安装hexo window cmd 下输入 npm install -g hexo-cli 使用hexo hexo init <foldername> cd <folder> npm install 安装server与deployer npm insta.
基于Node.js搭建hexo博客过程详解
10-16
安装完成后，使用Hexo命令初始化博客项目，执行 `hexo init blog`，然后进入项目目录 `cd blog` 并安装依赖项 `npm install`。 3. 安装与配置博客主题： Hexo支持使用不同主题来改变博客的外观。Cactus是一个比较...
个人博客系统-前后端,基于hexo搭建
最新发布
10-19
《构建个人博客系统：基于Hexo的前后端详解》 在当今互联网时代，拥有一个个性化、功能完善的个人博客系统已经成为很多技术爱好者、作家和知识分享者的首选。通过自建博客，我们可以自由展示自己的思想，分享知识，...
Hexo配置文件详解与调优
## Hexo配置文件概述 ### 配置文件详解 在Hexo中，配置文件是非常重要的，它决定了你的博客站点的外观和功能。Hexo的配置文件通常存储在博客根目录下的 `_config.yml` 文件中。下面我们将详细解释几种常见的配置...
hexo的简单使用
LuckyCurve的博客
02-27 272
1.图片的引用问题 因为Hexo系统会自动帮你将md文档生成html文件 所以便直接影响到了路径的问题（原文件和生成的新文件的路径不一样） 所以不能使用相对路径，只能使用绝对路径 理论分析： Hexo的绝对路径的规则：根目录为编译后的public文件夹的一级目录 而hexo会自动将source的文件夹同步到public文件夹里面来（hexo g命令） 解决办法： 可以在source创建image...
hexo简单介绍
weixin_44426574的博客
10-13 734
hexo博客基础知识
简洁轻便的博客平台: Hexo详解
da sheng 的专栏
10-25 4617
什么是Hexo Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架，可以方便的生成静态网页托管在github和Heroku上，引用Hexo作者 @tommy351 的话： 快速、简单且功能强大的 Node.js 博客框架。A fast, simple & powerful blog framework, powered by Node.js. GitHub P
Hexo介绍及常用安装使用
Walter`s blog
11-28 1833
hexo简介hexo是使用nodejs开发的一个快速、简洁、高效、开源的静态博客生成器。hexo使用Markdown解析文章，因此，文章需采用Markdown语法编写，在几秒内，即可利用靓丽的主题生成静态网页。类似于jekyll、Octopress、Wordpress，我们可以用hexo创建自己的博客，托管到github，绑定自己的域名。选择hexo的理由市场上也有不少其他类似hexo的博客生成器，
《WEB开发-HEXO博客搭建》第1章 Hexo博客搭建
不问归期的博客
06-17 1101
Hexo官方：https://hexo.io/ Hexo官方(中文)：https://hexo.io/zh-cn/ Node.js官方网站：https://nodejs.org/en/ Node.js官方文档：https://nodejs.org/en/docs/ Node.js安装文档：https://nodejs.org/en/download/package-manager/ 1....
hexo的一些使用和配置
weixin_33961829的博客
07-08 150
github page 在github 上的项目名称必须和自己用户名一样 自己的用户名是aaa项目名得是 aaa.github.io 安装hexo ,一些工具(git,node) 略过 关联 Hexo 与 GitHub Pages 我们如何让本地git项目与远程的github建立联系呢？用 SSH keys 生成SSH keys 输入你自己的邮箱地址 ssh-keygen -t rsa -C "...
Hexo
LeifChen的博客
10-09 289
Hexo 使用 Hexo + GitHub Page 搭建个人博客，记录个人的学习成长。
Hexo教程，看这一篇就够了- How to系列
热门推荐
无聊人的有趣博客
01-24 1万+
好评率非常高的文章，作者非常细心，完全小白向文章，清晰易懂，架构清晰，大部分的文章没涵盖的都涵盖了，从Node的安装讲道如何部署，回复反馈很及时，会帮助有问题的同学答疑解惑，会经常更新，收入How to精选教程专栏
hexo使用https协议
07-27
要在Hexo中使用HTTPS协议，你需要进行以下步骤： 1. 获取SSL证书：你需要从证书颁发机构（CA）获取SSL证书。你可以购买一个商业SSL证书，或者使用免费的证书颁发机构（如Let's Encrypt）提供的证书。 2. 安装证书：一旦你获得了SSL证书，你需要将其安装到你的服务器上。具体的安装方法可能因服务器而异，你可以查阅你所使用服务器的文档来了解如何安装证书。 3. 配置Hexo：在Hexo的配置文件中，你需要修改网站的URL为HTTPS协议。打开Hexo的配置文件（_config.yml）并找到`url`字段，将其修改为以HTTPS开头的URL，例如`https://example.com`。 4. 生成静态文件：运行Hexo的生成命令，以更新你的网站并生成使用HTTPS协议的静态文件。在终端中输入以下命令：`hexo generate`。 5. 部署网站：将生成的静态文件部署到你的服务器上。具体的部署方法可能因服务器而异，你可以查阅你所使用服务器的文档来了解如何将文件上传到服务器。 一旦完成上述步骤，你的Hexo网站就会开始使用HTTPS协议进行访问。请确保你的服务器已经正确地配置了HTTPS，并且SSL证书已经生效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

门心叼龙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值