hexo-beautify-dome

[mulu][安装hexo框架] #####第一段标题

介绍

如何部署hexo静态博客源码是、主题是蝴蝶主题，，可以用git命令来启动该项目}

hexo源码是hexo 5.2.0 源码、主题是蝴蝶主题，，可以用git命令来启动该项目}

安装教程

第一步：安装git

请大家自行去百度看git安装教程，目前最新的是v2.29.1,可以去腾讯软件那里下载
下载地址：
官方下载链接 蓝奏网盘 腾讯下载链接

第二步：安装Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript,Node.js® 是一个基于Chrome JavaScript 运行时建立的一个平台,Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
推荐下载地址用迅雷下载，WIN8以上可以用最新版本，目前win7可以运行的Node.js-v12.19.0找到x86或者x64位系统的exe下载进行安装即可!!
下载地址：
官方下载链接-v12.19.0 蓝奏网盘-v12.19.0

第三步：安装hexo框架

npm install hexo-cli -g      # 目前v4.2.0版本

第三步：hexo 源码安装及使用命令

hexo init <文件名>          # 可以自己预先新建一个文件夹，然后直接输入命令“hexo init” 下载最新5.2.0源码
cd <文件名>                # 进入已经下载好的hexo 源码文件夹
npm install               # 安装依赖组件，部分用户可以在hexo init 命令生成，有些没有
# hexo 部署命令
hexo clean               # 清除缓存文件 db.json 和已生成的静态文件 public || 网站显示异常时可以执行这条命令试试;
hexo generate            # 生成网站静态文件到默认设置的 public 文件夹。便于查看网站生成的静态文件或者手动部署网站,如果使用自动部署，不需要先执行该命令
hexo server             # 启动本地服务器进行访问 默认地址： http://localhost:4000/  
hexo s -debug           # 开启调试模式。在终端中显示调试信息，并在根目录中存储 debug.log 日志文件
hexo deploy            # 自动生成网站静态文件，并部署到设定的仓库。
hexo clean && hexo g && hexo d   # 部署发布，命令可用&&连接
# hexo 常用命令
hexo new "xxx"          # 新建一篇标题为 XXX 的文章，因为标题里有空格，所以加上了引号 || 文章标题可以在对应 md 文件里改，新建时标题可以写的简单些。
hexo new page xxxx      # 新建一个标题为 XXXx 的页面，默认链接地址为 主页地址/XXX/

ERROR Deployer not found: git

npm install --save hexo-deployer-git

插件

1. 使用该源码需要安装 hexo 插件，以下是插件列表

1.hexo-bilibili-bangumi 哔哩哔哩播放页面插件 git命令： npm install hexo-bilibili-bangumi --save
2.hexo-wordcount 字数统计 git命令： npm install hexo-wordcount --save
3.hexo-generator-search 本地搜索 git命令： npm install hexo-generator-search --save
4.(可选)hexo-offline pwa git命令： npm i hexo-offline --save
5.(可选)hexo-tag-aplayer音乐播放器 git命令： npm install --save hexo-tag-aplayer
6.(可选)hexo-helper-qrcode 文章二维码 git命令：npm install hexo-helper-qrcode -S

主题目录/Butterfly/layout/includes/header/post-i
     span#busuanzi_value_page_pv
   span.post-meta-separator |
   span.post-qrcode(onmouseover='document.getElementById("post-qrcode-img").style.display="inline"' >onmouseout='document.getElementById("post->qrcode-img").style.display="none"')
      i.fa.fa-qrcode.post-meta-icon.fa-fw(aria-hidden="true")
       span.post-meta-label='扫码读文'  
       img#post-qrcode-img.post-qrcode-img(src=qrcode(page.permalink) style='position:absolute;bottom:0;width:64px;height:64px;display:none')

7.(可选)hexo-admin hexoadmin官网 git命令：npm install --save hexo-admin
8.(可选)hexo-abbrlink 永久链接git命令：npm install hexo-abbrlink --save

JS代码

function test() {
	console.log("Hello world!");
}