2-4 Butterfly主题配置(2)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、Math数学——KaTeX在主题配置文件
12345mathjax: enable: true # true 表示每一页都加载mathjax.js # false 需要时加载,须在使用的Markdown Front-matter 加上 mathjax: true per_page: true
在终端下载hexo-renderer-kramed渲染
1cnpm install hexo-renderer-kramed --save
在hexo根目录配置文件
123456789kramed: gfm: true pedantic: false sanitize: false tables: true breaks: true smartLists: true smartypants: true
如需配置其它参数,请参考 ...
2-3 Butterfly主题配置(1)
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、语言修改站点配置文件 _config.yml,默认是en,支持下面三种语言
default(en)
zh-CN(简体中文)
zh-TW(繁体中文)
2、网站资料修改网站各种资料,例如标题、副标题、URL等个人资料,请修改博客根目录的_config.yml
下面是一个对应_config.yml的中文释义
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091 ...
2-2 Butterfly主题页面配置
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、front-matter的基本认识Front-matter 是 markdown 文件最上方以 — 分隔的区域,用于指定个别档案的变数。
(一般来说,在typora第一行输入—,之后回车就会出现这个输入框)
下图是一个示例,比如tags标签可以通过localhost:4000/tags访问到,categories可以通过localhost:4000/categories访问到。
在而front-matter在 markdown 里又可以分为两种,
Page Front-matterPost Front-matter1、Page Front-matter 用于页面配置(适合所有的页面,包括标签页、分类页这种)
123456789101112131415title:date:updated:type:comments:desc ...
2-1 配置Butterfly主题
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
1、初始hexo项目1.1 新建空项目打开WebStrom新建空项目,打开终端
1.2 初始化hexo项目遇到下面这种情况,删除隐藏文件idea也没什么用,建议重建新文件夹
在终端输入下面命令
123hexo init # 初始化hexo项目cnpm install # 初始失败下载必要包hexo clean && hexo g && hexo s # 清理、编译、本地部署
2、下载并配置butterfly主题2.1 拷贝主题进入初始化的hexo根目录,运行下面命令拷贝butterfly主题到themes/butterfly目录
1git clone -b master https://github.com/jerryc127/h ...
1-5 博客基础配置_config.yml
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
主要配置根目录下的_config.yml,这里我在代码加了中文注释,可以直接copy做自己配置文件(注意换成自己的),这部分内容建议自己看一遍,不懂也没关系有个印象
第0部分的server端口号不要重复,可以自己设置
第1部分的核心内容写自己的
第2部分的网址url写自己的,这个会出现在之后文章页的分析根
第8部分配置主题
第9部分推送仓库写自己的
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211 ...
1-4 买域名,DNS域名解析
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
1、购买域名购买域名一般在腾讯云或阿里云,我是在阿里云上买的,步骤如下:
1.1 登录点击登录,之后支付宝扫码(没有注册过会先让注册)
1.2 选购自己的域名
关于域名后缀,其实区别不大,.com是全国通用,.cn是国内,其他后缀也都ok,没什么区别
购买前需要先创建个人的信息模版,有个人信息才能购买域名
1.3 创建个人信息模版
1.4 购买验证成功,就能进行域名购买(模版未认证也能先购买,认证未通过域名不能正常解析,审核通过就能正常使用)
2、解析域名2.1 进入阿里云控制台进入工作台https://home.console.aliyun.com/,进入域名解析,解析域名
2.2 阿里云DNS解析域名一个github账号,只能对应一个ip,这个和你的github项目名没关系,
比如我的名字的ruiqingyan1,那么只有ruiqingyan1.github.io这一个是我的专属ip,
如果我创建了一个ruiqingyan2 ...
1-3 本地部署hexo,推送到github
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
博客内容全是用ruiqingyan1.github.io这个项目,测试后会推送解析到别的域名,你可以看看搭建好什么样子
1、下载配置文件前面已经成功下载brew、git、node,所以这里直接用
先下载cnpm,方便后续管理包,一定要加-g ,这样不需要配置其他环境变量,cnpm可以直接使用
正常安装淘宝镜像安装1sudo npm install -g cnpm
1cnpm install -g hexo-cli1sudo npm install -g cnpm -registry=https://registry.npm.taobao.org
1cnpm config set registry https://registry.npm.taobao.org
1cnpm install -g hexo-cli
2、本地部署找一个放博客的文件夹,初始化hexo项目,本地部署
12hexo initcnpm install
1hexo clean && ...
1-2 配置Brew、Git、Git绑定Github、Node
🖼 所有搭建博客的汇总在这里:Blog全程搭建,本部分示例🚀test.ruiqingyan.com。
1、下载brewHomebrew是软件包管理工具,可以很方便的安装/卸载软件工具,使用下面命令下载
1/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
2、下载Git参考官网https://git-scm.com/download/mac给的方法,打开终端直接输入下面命令回车
1brew install git
稍等片刻下载完成,使用下面命令查看是否配置成功
1git -v
3、Git绑定Github3.1 Mac本地生成秘钥在终端以此输入下面命令,注意这里邮箱填自己的。
注意两个注释,和输入的回车
12345cd .sshssh-keygen -t rsa -b 4096 -C "ruiqingyan1@163.com"# 输入id_ed25519,回车# 回车,回车cat id_e ...
1-2 配置Brew、Git、Git绑定Github、Node
🖼 所有搭建博客的汇总在这里:Blog全程搭建,本部分示例🚀test.ruiqingyan.com。
这一篇完成四件事:安装 Homebrew、安装 Git、用 SSH 绑定 GitHub、安装 Node.js 和 npm。配置完成后,下一篇就可以正式初始化 Hexo 项目。
命令尽量以官方文档为准:
Homebrew 官方安装说明:https://docs.brew.sh/Installation
GitHub SSH 官方说明:https://docs.github.com/en/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent
Node.js 官方下载页:https://nodejs.org/en/download
1、安装 HomebrewHomebrew 是 Mac 上常用的软件包管理工具,后面安装 Git、Node.js 都会用到它。
打开终端,粘贴下面命令并回车:
1/bin/bash -c " ...
1-1 注册邮箱、注册github
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
1、注册邮箱一般都用163邮箱或者qq邮箱,这里注册的是163邮箱。
1、打开网页,进入https://mail.163.com
2、点击注册新账户如下图
3、填写个人信息,手机号注册邮箱
4、注册完成
5、进入邮箱
2、注册github1、打开网页,进入https://github.com,点击注册Sign Up。
(这里有时候网络不好进不去,不用vpn看网络,不同时间段进去看看)
(用VPN的话可以看看https://一元机场.com/#/register,12元/年挺便宜的)
(便宜的价格必定存在一些问题,比如不稳定和一些bug,但是简单翻个墙还是可以的)
2、稍等一下加载,然后一步步输入个人信息,完成注册
3、提交后会提示验证邮箱,打开邮箱看新邮件有验证码
4、一些个人信息,比如我是自己用的,是学生
5、选择自己需要工具,随便选就ok,底部也有skip跳过
6、选择免费继续, ...













