快速搭建博客的框架有Hexo，Jekyll，Wordpress等等。下面就用Hexo来实现一下。...s 清除缓存，生成博客，本地查看 hexo常用指令： hexo clean //清空缓存 hexo generate hexo g //简写 //重新编译 hexo server hexo s /...user.email "username@example.com" //注册GitHub时使用的主邮箱 ssh-keygen -t rsa -C "username@example.com" //配置ssh，并添加到仓库中...npm安装：npm install --save hexo-theme-fluid 用户文档：https://hexo.fluid-dev.com/docs/ 添加文档评论功能： 多说 ：http://...最后，在云服务商一般都有免费SSL证书可以申请，申请成功后，添加到域名解析中，然后就可以到github中开启强制https服务了。 以上。
cos.ap-guangzhou.myqcloud.com/pasteimageintomarkdown/2023-08-23/46974523049100.jpeg) {% endgallery %} 生成并启动 hexo... g hexo s 本文由 mdnice 多平台发布
插件介绍 hexo-admin 是一个Hexo博客引擎的管理用户界面插件。...这个插件最初是作为本地编辑器设计的，在本地运行hexo使用hexo-admin编写文章，然后通过hexo g或hexo d（hexo g是本地渲染，hexo d是将渲染的静态页面发布到GitHub）将生成的静态页面发布到...如果你使用的是非静态托管服务器，比如自己买的主机搭建的hexo，那么一定要设置hexo-admin 的密码，否则谁都可以编辑你的文章。...2,运行下列命令启动hexo-admin ： hexo server -d 打开 http://localhost:4000/admin/ 就可以访问到hexo-admin管理页面了。...hexo g && hexo d 然后给hexo-g.sh脚本加入可执行权限 chmod +x hexo-d.sh 然后在_config.yml中的admin下添加 admin: username:
安装PWA插件 执行下面的命令 npm install hexo-pwa --save hexo@4.2.0 目前赞不兼容 hexo-pwa,使用 hexo@4.2.0 版本的用户推荐降级到 hexo@...4.1.1 如何查看版本 hexo -version 安装指定版本 npm install hexo@4.1.1 --save 添加manifest.json和sw.js manifest.json文件...js/regexp /.*\.(js|css|jpg|jpeg|png|gif)$/ strategy: cacheFirst - pattern: !!...检查PWA服务 执行下面的命令： hexo cl && hexo g && hexo s 然后在浏览器输入localhost:4000，查看效果。...添加 IOS Safari PWA 图标支持 在manifest.json文件中添加下面的代码，代码是关于apple-touch-icon图标的 { "src": "/medias/apple-touch-icon.png
效果 配置 在_config.butterfly.yml中aside模块下添加下面代码 card_post_series: enable: true orderBy: 'date'...order. 1, asc for ascending; -1, desc for descending 然后在文章上加上series即可，他会根据后面的名称判断是否是同一个系列 --- title: Hexo...添加系列文章 abbrlink: ae7bb3d1 date: 2024-02-03 03:15:04 series: Hexo系列 ---！
之前博客一直都没有搜索系统，趁着周末，给博客添加一个搜索系统，我这里选择的是使用algolia搜索。...安装教程 你需要安装hexo-algoliasearche。...Aloglia 获取站点数据 Hexo Aloglia获取站点数据 1、配置本地环境 我们需要配置一个名称为 HEXO_ALGOLIA_INDEXING_KEY，内容为 Alogolia 网页中 Admin...API KEY的环境变量, 以mac端为例: 打开终端vim ~/.bash_profile添加下面语句： export HEXO_ALGOLIA_INDEXING_KEY=d9987de239cbf5ad94ddcad7a5ef1682...再在 hexo站点根目录下执行hexo algolia 来搜集数据更新到我们刚创建的 Index 中,我们可以在网页中看到所有的数据，如下图 重新部署 执行hexo clean && hexo g
After 方案一：添加urlname属性(手动) 在md文件的Front-matter区域新增urlname属性，可以是文章的英文Title也可以是其它自定义标识，所以每次编写Markdown你都得这么做...top: 1 --- 方案二：利用hexo插件(自动) 在hexo plugins搜索“link”，已经有几个插件可以将url转换成不同的格式(如下)，我这里选用了hexo-translate-title...hexo-translate-title: Translate the chinese title of Hexo blog to english words automatially hexo-permalink-pinyin...hexo-abbrlink: Auto create one and only link for every post for hexo hexo-number-title: The hexo blog...相关链接 hexo-translate-title - GitHub hexo-abbrlink介绍 hexo链接持久化终极解决之道 hexo-abbrlink - GitHub
打开网页版网易云,选择一首你喜欢的音乐,点击生成外链播放器,复制代码贴上,效果如上
推荐选择计费方式包年包月，套餐版本基础班 1 如果提示“选择部署应用”，请选择“不创建环境” 环境初始化 安全配置 进入刚刚创建的环境，选择登录授权，启用“匿名登录” 选择安全配置，将网站域名添加到...会自动跳转到授权界面，点击授权即可） yarn run login 自动部署 yarn deploy -e 您的环境id Vercel 部署 Vercel 部署的环境需配合 1.4.0 以上版本的 twikoo.js...new window)账号 点击以下按钮将 Twikoo 一键部署到 Vercel (opens new window) 进入 Settings - Environment Variables，添加环境变量...可以看到 “Twikoo 云函数运行正常” 的提示 Vercel Domains（包含 https:// 前缀，例如 https://xxx.vercel.app）即为您的环境 id 启用Twikoo 在 Hexo...中使用 在Hexo-theme-Butterfly 主题使用 直接在主题配置文件中填写刚才复制到环境ID即可： twikoo: envId: 刚才复制到环境ID region: visitor
前言 Hexo Next 主题自带的代码块功能，没有复制功能，很不方便。 经过一番查找后，在主题的 Issues 中找到了解决方案，这里记录下。...下载 需要下载 clipboard.js 主页 Github 提供下载 clipboard.min.js 将下载的文件存到如下目录：（相对目录为工程目录，没有目录则创建） 1 ....\themes\next\source\lib\zclip\clipboard.min.js 导入 新建文件 custom.js ，目录如下：（相对目录为工程目录） 1 \themes\next\source...\js\src\custom.js 修改 custom.js 为如下内容： //此函数用于创建复制按钮 function createCopyBtns() { var $codeArea =..."> 修改文件 _layout.swig ，目录：\
hexo博客添加导航功能 效果图如下:传送门 ?...如果你需要新建一个页面,前提是你需要有一个博客,我用的是matery主题,参考了洪卫的博客搭建教程,和闪烁之狐的搭建教程,如果没有博客也可以参考我写的教程搭建一个自己的博客,话不多说,下面开始操作 新建导航页面 hexo...new page 'navigate' 这时候我们发现sources/navigate/多了一个目录和index.md文件,这个时候就不用管了,下面开始编写导航相关代码 添加导航栏页面 进入\themes.../contact icon: fas fa-comments Friends: url: /friends icon: fas fa-address-book # 添加导航栏页面...clean && hexo g && hexo s 如果以上很顺利没什么问题,可以直接将博客部署上线即可,输入以下命令 $ hexo clean && hexo g && hexo d
效果 前言 ---- GitHub 仓库：Artitalk.js 特性 增删查改全方面支持 支持针对每条说说的评论 支持 Markdown...点击 添加用户，输入想用的用户名及密码。 回到 结构化数据中，点击 class 下的 shuoshuo。...点击 class 下的 _User 添加列，列名称为 img，默认值填上你这个账号想要用的发布说说的头像url，这一项不进行配置，说说头像会显示为默认头像 —— Artitalk...在Gridsome中的准备 在gridsome.config.js中引入 artitalk 在普通Vue项目中的准备 在/public/index.html中引入 artitalk...新建 src/components/Artitalk.vue（VuePress: .vuepress/components/Artitalk.vue），添加以下内容 如果需要加入 Artitalk 的页面为
butterfly主题添加备案信息 由于新版butterfly主题删除了ICP配置，所以我们无法直接通过改_config.yml文件来设置备案信息显示。...1dfilp8ruo521thr1hvf18ji17soa.png"> 你自己的备案号 添加...在不同位置添加显示位置也不相同
主题配置添加来必力，如：以yilia主题为例 修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件，增加如下配置： # livere 来必力。...'function') { return; } j = d.createElement(s); j.src = 'https://cdn-city.livere.com/js.../embed.dist.js'; j.async = true; e.parentNode.insertBefore(j, e); })(document, 'script...后的任意一个评论代码前或后插入如下代码： 完成：http://hexo.xdr630
安装插件 npm install --save hexo-helper-live2d 等待加载就OK！...添加配置 hexo的配置文件 _config.yml 中添加如下配置: # 看板娘 live2d: enable: true # 是否开启看板娘 scriptFrom: local
本文介绍在hexo 中添加 emoji标签的方法。...安装新的渲染器 npm un hexo-renderer-marked --save npm i hexo-renderer-markdown-it --save 修改 hexo 配置文件 修改 _config.yml...文件 # Markdown-it config ## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki markdown
前言 本文将介绍如何在主页侧边栏添加当前访客信息，具体效果如下： 教程链接：Hexo博客搭建 与 美化教程 | 卓越科技的Blog (zykj.js.org) 操作 注意：必须确保使用了Hexo...： 如果主题版本小于3.6，添加如下内容 if theme.aside.card_ip !...=partial('includes/widget/card_ip', {}, { cache:true }) 具体添加位置如下图所示： image.png 3.编辑 themes\Butterfly...，在aside 处添加card_ip: true代码（如下）： aside: card_ip: true 5.在 themes\Butterfly\source\js 下创建 ip_content.js...ie=utf-8"> - 7.至此完成配置，重新部署博客看看效果吧。
(这里获取的源代码中已经提供) index.html中需要添加足迹位置和相关样式。 如何更换不同国家地图 <!...添加足迹位置 markers: [ // 足迹位置 // {latLng: [经度（保留两位小数）, 纬度（保留两位小数）], name: '城市名称'}, {latLng...作者使用的是Hexo静态博客。 首先将下载下来的源代码放到blog文件夹下，上传到服务器。...再在主题配置文件_config.yml中menu中添加刚刚修改好的index.html在服务器上的文件路径，比如https://abc.com/map/index 最后将修改后的配置文件上传即可。
添加 Gitter 在线交流 Gitter 的介绍 Gitter 的功能特色 免费无限制：用户可以自由免费地创建、搜素、加入社区、聊天室。...room: 'enjoytoshare/community' }; <script src="https://sidecar.gitter.im/dist/sidecar.v1.<em>js</em>...步骤二：修改 themes/next/layout/_layout.swig文件，在第三方功能显示区域<em>添加</em> gitter，<em>添加</em>如下代码： {% include '_third-party/gitter.swig
前言 本文将介绍如何在首页侧边栏添加文章合集板块。可以提供一些重要文章的展示。...collections-item-content a(href=item.url)=item.name 在\themes\butterfly\layout\includes\widget\index.pug文件中page项添加如下代码...head: - 在主题配置文件_config.butterfly.yml的aside处添加如下配置...此外维护频率还是非常令人满意的） 第一次自己添加小组件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
云直播
