3-2 Anzhiyu页面配置
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
1、front-matter的基本认识Front-matter 是 markdown 文件最上方以 —- 分隔的区域,用于指定个别档案的变数。
下图是一个示例,比如tags标签可以通过localhost:4000/tags访问到,categories可以通过localhost:4000/categories访问到。
在 markdown 里又可以分为两种,
1、Page Front-matter 用于页面配置(适合所有的页面,包括标签页、分类页这种)
123456789101112131415title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:type:top_sing ...
3-1 配置Anzhiyu主题
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Anheyu’s docs,用更多相关问题请看官方文档
没做,有空再写
1、初始hexo项目1.1 新建空项目打开WebStrom新建空项目,打开终端
1.2 初始化hexo项目在终端输入下面命令
123hexo initcnpm installhexo clean && hexo g && hexo s
遇到下面这种情况,删除隐藏文件idea也没什么用,建议重建新文件夹
2、下载并配置anzhiyu主题2.1 拷贝主题进入初始化的hexo根目录,运行下面命令拷贝butterfly主题到themes/butterfly目录
1git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
2.2 下载渲染运行下面命令下载渲染模块
1cnpm install h ...
2-5 Butterfly主题美化
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
🌻 参考 Jerry’s Blog,用更多相关问题请去他的博客看
我没有在这里花更多的时间,以后会补充,不想麻烦建议直接进入anzhiyu主题,
anzhiyu主题它把这些内容都已经内置好了,不用自己花时间去做
但是我觉得butterfly更符合目前我的审美
1、建议图片放到主文件夹/source/img/文件夹下
(不要放在主题source文件夹里)
(因为在升级主题的过程中,可能会把文件覆盖删除了。)
2、音乐2.1 安装插件hexo-tag-aplayer
2.2 基础配置1npm install --save hexo-tag-aplayer
因为插件会在每一个文件插入js和css,为了避免这一情况,需要在根目录的_config配置
12aplayer: asset_inject: false
在需要配置音乐内容的页面,Front-matter添加下述内容即可
1aplayer: true
2.3 吸底 ...
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
如需配置其它参数,请参考hexo-r ...
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的中文释义
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101 ...
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:description:ke ...
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/hexo-theme-butte ...
1-5 博客基础配置_config.yml
🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com。
🌺 之后所有的操作都在Webstrom进行,需要的可以点进去看看
主要配置根目录下的_config.yml,这里我在代码加了中文注释,可以直接copy做自己配置文件(注意换成自己的),这部分内容建议自己看一遍,不懂也没关系有个印象
第0部分的server端口号不要重复,可以自己设置
第1部分的核心内容写自己的
第2部分的网址url写自己的,这个会出现在之后文章页的分析根
第8部分配置主题
第9部分推送仓库写自己的
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114# ...
常用Emoji表情
🌺博客汇总:🌃Summary And Schedule🌠
🌸计算机基础汇总:计算机基础
主要格式有两种Unicode、Emoji,更多相关可以看这里:Emoji中文网
✅(正确|完成)⭕(缺少|未完成)♻️(复盘|可回收)
🖼(画板|思维导图)💯(满分|完美|优秀)
1、花💮(白花|作业上的小红花印章|表扬)
🍁(枫叶|硕果|午安)🪷(莲花|高雅|佛系)💐(花束|祝福)
🌸(樱花|浪漫|爱情|希望)🌼(波斯菊|开花) 🌺 (芙蓉|纯粹的爱)🏵(花朵|表彰|祝福)
🌹(玫瑰or月季|浪漫)🌷(郁金香|友情|珍贵)🌻(向日葵|光辉|高傲)🥀(枯萎花朵|‘我枯了’谐音‘哭了’|+💔一起用)
2、活动💌(情书|暧昧)💘(丘比特|爱情)
🎐(风铃|安逸)🎉(拉炮彩带|庆典|祝福)
🎃(南瓜灯|驱邪|希望)🎄(圣诞树|常青树)🎍(门松|长寿)
🎀 (蝴蝶结|可爱|少女)🎁(礼物|祝福|惊喜)🎗(丝带|团体|平安归来)
3、自然🖼 (带框的画|蓝天|白云|山野)
🗺(褶皱的世界地图) 🏞(国家公园|依山傍水)
🏙(城市风 ...
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.github.io项目,那他属于主i ...