首页
友链
壁纸
留言
今日热榜
更多
关于
时光
推荐
精品流量卡
Search
1
都二十多年了,你的梦为什么还没碎!
57,100 阅读
2
2022年5个好用的 BT/ 磁力链接下载工具推荐 |Windows 、安卓系统
37,457 阅读
3
nps内网穿透实现外网访问树莓派
32,438 阅读
4
实践利用宝塔建emlog个人博客-超详细【原创】
26,140 阅读
5
Typecho-Joe-Theme主题帮助文档
24,670 阅读
闲杂乱码
Python
网站源码
微信小程序
娱乐分享
Is相册
软件工具
登录
Search
标签搜索
PHP
HTML
API
Javascript
源码
JS
Vue
Github
CloudFlare
接口
函数
SQL
ASP.NET
MVC
EF
T4模板
后台管理
CDN
微信小程序
MAC
韩小韩
累计撰写
262
篇文章
累计收到
1,311
条评论
首页
栏目
闲杂乱码
Python
网站源码
微信小程序
娱乐分享
Is相册
软件工具
页面
友链
壁纸
留言
今日热榜
关于
时光
推荐
精品流量卡
搜索到
2
篇与
Hexo
的结果
2022-03-30
在CloudFlare workers部署你的Hexo静态博客
{message type="info" content="Cloudflare Worker 是 Cloudflare 提供的基于 Serverless 的云端服务,最新的 Workers Sites 允许使用者将博客程序如 Hexo、Wordpress 等部署到 Cloudflare 云端运行,算是新开发出来的奇技淫巧吧。本教程以 Hexo 部署为例,默认具有 Node 环境。"/}安装 WranglerWrangler 的项目地址:github.com/cloudflare/wrangler可按照官方教程,使用 npm 安装 Wrangleryarn global add @cloudflare/wrangler # npm install @cloudflare/wrangler -g获取API秘钥在 Cloudflare 的 api 控制台中创建一个新的 api-token,点击新建 api-token,选择使用模板(Start with a template)。{callout color="#f0ad4e"}使用 Edit Cloudflare Workers 模板创建新的 api,配置相应的权限即可获得一个新的 api-tokens,保存备用。{/callout}配置 Wrangler 全局密钥终端直接执行wrangler config输入刚才保存的 api-tokens 运行验证即可完成全部配置。初始化 Wrangler在根目录直接终端执行wrangler init --site han-hexo # han-hexo 为要创建的Works名称{message type="info" content="执行完毕后在工程目录中会生成 wrangler.toml 和 aworkers-site文件其中 wrangler.toml 是工程中 Wrangler 的配置文件"/}设置 Wrangler.toml默认生成的 wrangler.toml 如下,可依据设置name = "han-hexo" #此处为之前初始化填写的Workes名称 type = "webpack" route = 'hexo.4ce.cn/*' #此处为绑定workers上的自定义域名 zone_id = '2892xxxxxxxxxxxxxxxxxxxxxxx' #此处为Workes ID usage_model = '' compatibility_flags = [] workers_dev = true site = {bucket = "public",entry-point = "workers-site"} compatibility_date = "2022-03-29"{callout color="#f0ad4e"}注意:设置自定义域名时,可以在 wrangler 配置完成后,在域名管理中的 Workers 设置中添加对应的 Workers 路由,再将 SSL 安全级别调整为 Flexible,否则会遇到 SSL 526 错误。{/callout}上传全站到 Cloudflare Workers在 Hexo 执行 hexo generate 编译生成静态文件后,复制整个生成的 public 目录到 workers-site 同级目录然后执行wrangler publish出现以下,即为成功。Using namespace for Workers Site "__site-workers_sites_assets" Uploading site files Success ⬇️ Installing wranglerjs... ⬇️ Installing wasm-pack... Built successfully, built project size is 11 KiB. Successfully published your script to https://*.workers.dev #这里就是生成的预览地址部署在 Workers 的 Hexo 演示程序:https://han-hexo.ohan.workers.dev (https://hexo.4ce.cn),演示程序所生成的静态文件存储在对应的 Workers KV 中。{anote icon="fa-link" href="https://www.vvhan.com/go/aHR0cHM6Ly9oZXhvLjRjZS5jbg" target="_blank" type="success" content="前往 Han -Hexo"/} {message type="info" content="注意,免费版本的 Workers Plan 有每天 100,000 次的访问限制(100,000 requests per day ),免费额度适合小站部署(流量大容易翻车),大站还是使用独立服务器或者收费版本部署稳一些。"/}
2022年03月30日
503 阅读
2 评论
0 点赞
2022-03-30
胎教级搭建Hexo静态博客安装Fluid主题
什么是 Hexo?Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。准备{callout color="#f0ad4e"}如果你没有安装 Node.js,请百度一下,安装好Node.js再回来。还有 你的双手和大脑 {/callout}安装yarn global add hexo-cli # npm install -g hexo-cli建站安装好 Hexo 后,直接进入主题。新建一个项目hexo init han-hexo # han-hexo 是我的项目名称{callout color="#f0ad4e"}这里有个坑,安装好如果出现这个错误提示{/callout}{message type="info" content="请到你的 npm 安装目录删除 hexo.ps1 文件即可。默认安装目录 : C:Users用户名AppDataRoamingnpm "/}{message type="success" content="执行完毕后,如图所示,即运行成功。"/}安装依赖cd han-hexo yarn # npm install{callout color="#4d7eef"}至此,Hexo已经安装完毕并创建了一个名为 han-hexo 的项目。{/callout}主题安装{callout color="#f0ad4e"}这里我用的是优雅的 Fluid Hexo主题{/callout}安装yarn add hexo-theme-fluid # npm install --save hexo-theme-fluid设置主题为 Fluid将项目根目录的 _config.yml 中的 theme 的值设置为 fluid 顺便把语言设置成中文 language 为 zh-CN 顺带提一下SEO优化URL地址 配置主题文件{callout color="#f0ad4e"}在博客目录下创建 _config.fluid.yml 文件,将主题的 _config.yml ( opens new window )内容复制过去。{/callout}创建主题自带的「关于页面」hexo new page about{message type="info" content="创建成功后修改 /source/about/index.md ,添加 layout 属性。修改后的文件示例如下:"/}--- title: 标题 layout: about --- 这里写关于页的正文,支持 Markdown, HTML写文章万事俱备,只差文章hexo new hexo-in-cloudflare-workers # hexo-in-cloudflare-workers 为文件名,随意取{callout color="#f0ad4e"}文章支持 HTML MarkDown 语法{/callout}编译静态文件直接终端输入hexo generate 本地测试hexo server{message type="success" content="恭喜你,完成Hexo博客胎教级教学"/}
2022年03月30日
316 阅读
0 评论
0 点赞