快速搭建博客的框架有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博客添加导航功能 效果图如下:传送门 ?...如果你需要新建一个页面,前提是你需要有一个博客,我用的是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
前言 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 ,目录:\
效果 前言 ---- 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"> 你自己的备案号 添加...在不同位置添加显示位置也不相同
在\themes\butterfly\layout\includes\widget\index.pug文件中page项添加如下代码: !...在\themes\butterfly\source\js目录下新建visitor.js文件,并写入如下代码: fetch('https://api.gmit.vip/Api/UserInfo').then...并在主题配置文件_config.butterfly.yml的bottom处引入该文件: inject: bottom: - </script...在主题配置文件_config.butterfly.yml的aside处添加如下配置: aside: card_visitor: enable: true sort_order:
前言 本文将介绍如何在首页侧边栏添加文章合集板块。可以提供一些重要文章的展示。...collections-item-content a(href=item.url)=item.name 在\themes\butterfly\layout\includes\widget\index.pug文件中page项添加如下代码...head: - 在主题配置文件_config.butterfly.yml的aside处添加如下配置...此外维护频率还是非常令人满意的) 第一次自己添加小组件。
添加 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
主题配置添加来必力,如:以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
(这里获取的源代码中已经提供) index.html中需要添加足迹位置和相关样式。 如何更换不同国家地图 <!...添加足迹位置 markers: [ // 足迹位置 // {latLng: [经度(保留两位小数), 纬度(保留两位小数)], name: '城市名称'}, {latLng...作者使用的是Hexo静态博客。 首先将下载下来的源代码放到blog文件夹下,上传到服务器。...再在主题配置文件_config.yml中menu中添加刚刚修改好的index.html在服务器上的文件路径,比如https://abc.com/map/index 最后将修改后的配置文件上传即可。
领取专属 10元无门槛券
手把手带您无忧上云