随笔分类 - 博客
个人博客搭建,博客园主题优化等
摘要:
效果预览,在线查看 友链数据存储 友链数据通常是经常需要添加和修改的,所以我们不能直接写死到页面上。这里我们单独提一个文件去存储友链数据,并且友链数据的格式基本也是类似的。 新建 docs/pages/links.md 文件,内容如下: layout: weiz-link title: 我的友链 d
阅读全文
效果预览,在线查看 友链数据存储 友链数据通常是经常需要添加和修改的,所以我们不能直接写死到页面上。这里我们单独提一个文件去存储友链数据,并且友链数据的格式基本也是类似的。 新建 docs/pages/links.md 文件,内容如下: layout: weiz-link title: 我的友链 d
阅读全文
摘要:
Twikoo 是一个简洁、安全、免费的静态网站评论系统。 主要特点:免费搭建,部署简单,功能很完善,隐私护安全,通知发邮件,管理有内嵌,总之免费又方便 关于后端部署,大家可以看官网,或者这篇 VitePress 资源汇总 - 使用 Twikoo 评论系统。 推荐使用 Vercel 部署 (免费,需配
阅读全文
Twikoo 是一个简洁、安全、免费的静态网站评论系统。 主要特点:免费搭建,部署简单,功能很完善,隐私护安全,通知发邮件,管理有内嵌,总之免费又方便 关于后端部署,大家可以看官网,或者这篇 VitePress 资源汇总 - 使用 Twikoo 评论系统。 推荐使用 Vercel 部署 (免费,需配
阅读全文
摘要:
整理下使用 Vitepress 搭建博客过程中使用过的一些资源和方案 主要参考站点 Vitepress 官方文档 VitePress快速上手中文教程,这个站点扩展很全,包括静态部署选择,样式美化,第三方插件等,都是手把手教程,很细 XaviDocs个人技术文档,借鉴了部分 VitePress 的使用
阅读全文
整理下使用 Vitepress 搭建博客过程中使用过的一些资源和方案 主要参考站点 Vitepress 官方文档 VitePress快速上手中文教程,这个站点扩展很全,包括静态部署选择,样式美化,第三方插件等,都是手把手教程,很细 XaviDocs个人技术文档,借鉴了部分 VitePress 的使用
阅读全文
摘要:适用于使用 Github Pages 部署的网站,域名平台不限,可以是腾讯云,也可以是阿里云 1. 域名站点新增解析 以腾讯云为例,新增解析记录如下红框内所示,其余解析记录之前是给主域名添加的,185.199.111.153 等都是 github.io 的IP地址 需要注意的是,添加的记录值为 你的
阅读全文
摘要:
废话不多说,龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg,你也可以替换成其他样式的龙,而云是图片转化成的 base64 编码,所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
废话不多说,龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg,你也可以替换成其他样式的龙,而云是图片转化成的 base64 编码,所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要:
马上就要过年了,看着我这毫无生气的博客,感觉有点亏待它。博客过年,马上安排! 本篇部分知识基于上两篇博客博客园主题修改分享和博客园主题修改分享 - 脚本篇。 先上效果图 1. 设置全局css变量 主要是通过css3的变量设置,统一博客界面的颜色。 :root { --bg: #f5f7f9; /*
阅读全文
马上就要过年了,看着我这毫无生气的博客,感觉有点亏待它。博客过年,马上安排! 本篇部分知识基于上两篇博客博客园主题修改分享和博客园主题修改分享 - 脚本篇。 先上效果图 1. 设置全局css变量 主要是通过css3的变量设置,统一博客界面的颜色。 :root { --bg: #f5f7f9; /*
阅读全文
摘要:
如题,本期主要是通过脚本来实现博客园的各自自定义效果 说明 脚本运行需要开通博客园的JS权限,不懂的可以去看上篇文章 博客园主题修改分享 里的 增加鼠标动效; 脚本内容有一定限制,譬如禁止 window.open 之类的,也是为了防范不安全的诱导,希望各位博主们只是为了博客界面的美化或者实现一些小插
阅读全文
如题,本期主要是通过脚本来实现博客园的各自自定义效果 说明 脚本运行需要开通博客园的JS权限,不懂的可以去看上篇文章 博客园主题修改分享 里的 增加鼠标动效; 脚本内容有一定限制,譬如禁止 window.open 之类的,也是为了防范不安全的诱导,希望各位博主们只是为了博客界面的美化或者实现一些小插
阅读全文
摘要:
一、准备工作 1. GitHub + Hexo 的优势 Hexo 提供现成的模板和模块;github 的 pages 功能提供免费的服务器,零成本搭建属于自己的博客。 2. 需要了解的网站 github,开源代码托管网站,需要我们去注册一个账号。 hexo,一个快速、简洁且高效的博客框架,需要我们去
阅读全文
一、准备工作 1. GitHub + Hexo 的优势 Hexo 提供现成的模板和模块;github 的 pages 功能提供免费的服务器,零成本搭建属于自己的博客。 2. 需要了解的网站 github,开源代码托管网站,需要我们去注册一个账号。 hexo,一个快速、简洁且高效的博客框架,需要我们去
阅读全文
摘要:
先上预览图 1. 进入博客园个人后台,选择设置 找不见博客园后台的,可以先进入博客园首页,点击头像下的账号设置,进入后左侧列表有博客设置,点击后可进入。 2. 基本设置里,选择皮肤 CodingLife 3. 点开页面定制css代码,将下面代码粘贴进去后,保存即可 body { min-height
阅读全文
先上预览图 1. 进入博客园个人后台,选择设置 找不见博客园后台的,可以先进入博客园首页,点击头像下的账号设置,进入后左侧列表有博客设置,点击后可进入。 2. 基本设置里,选择皮肤 CodingLife 3. 点开页面定制css代码,将下面代码粘贴进去后,保存即可 body { min-height
阅读全文

浙公网安备 33010602011771号