这次的美化主要分为四个部分： 文章内显示封面 给文章添加更新时间 修改代码块样式以及添加复制功能（这个功能有点问题，具体解决办法看文章末尾） 给网站添加点击效果（这个功能我没有加，感觉太花哨了） 参考文章：Diaspora 主题美化日记...所以他的代码块美化这一点和我们有所区别 先贴图: 问题一：代码块内容超出长度后会显示滚动条，有点丑，干掉 问题二：复制按钮会随着滚动条滚动而位移，不能忍，干掉 这里引用上文链接作者的一段话： 因每个人的目录都不同，设定博客根目录为...Blogroot，主题根目录为 Themeroot 解决办法就是在 Themeroot\source\css\diaspora.css中添加如下样式代码： /* 设置代码块隐藏滚动条 */ pre::
个人博客 个人博客: https://www.crystalblog.xyz/ 备用地址: https://wang-qz.gitee.io/crystal-blog/ HexoBlog 个人博客...修改博客文章模板 30. 在线编辑hexo博客 31. 站点统计不显示问题 32. 文章链接部分超长处理 33....归档时间轴添加时间列表的切换 Front-matter Front-matter 选项详解 最全示例 上篇hexo博客搭建及主题优化(一) 下篇hexo博客搭建及主题优化(三) 主题优化二 21...添加快捷导航 在博客根目录下的\source\_posts\navigate\index.md目录下新建快捷导航: hexo new page navigate 修改主题目录下的_config.yml文件...归档时间轴添加时间列表的切换 归档的布局文件是主题目录下的/layout/archive.ejs, 原来里面的逻辑是以卡片的形式循环展示所有的博客文章. 具体代码如下: <!
该主题在halo博客Sakura的基础上进行了更改 友情链接部分 大佬分组样式： Theme 后续 代码Gitee仓库地址前端我是真的不会，在征得各位大佬的意见后就都抄过来了，后续有新的样式，也会在此仓库提交 如果有加互加友链的友友们，欢迎留言，看到了就会加上~~~~ 最后再次感谢halo博客的各位大佬弄辣么好看的主题供鄙人参考1K20
Hexo博客主题优化 添加背景图 在 themes/*/source/css/_custom/custom.styl 中添加如下代码： body{ background:url(/images...id="inline-yellow"> 站点配置文件 站点配置文件 主题配置文件...title/ 创建标签目录 $ cd you-site $ hexo new page tags 创建后，打开you-site/source/tags的index.md --- title: #页面主题...个人博客?...：个人博客 如果看了觉得不错 点赞！转发！ 达叔小生：往后余生，唯独有你 You and me, we are family !
我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版，而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身，还是相配的 JS 和 CSS 都进入了完全的混乱状态。...构建 拆分为组件和插件对功能进行分类 剪贴板拦截逻辑调整，仅非代码块且大于 100 字时插入版权信息 全模块改写为异步函数，主线程中根据当前页面的 section 并发运行 CSS 自定义 Prism 主题
看到过不少很炫酷的个人网站 自己也写了几个 typecho 主题 越来越觉得搞那些花里胡哨的卵用没得 还是要生产内容才是王道 大神 Marc MERLIN http://marc.merlins.org...他用了很古老的样式去写网页 他的网站按美化党的角度来说确实很简陋 但是里面的内容，每一个字符都在发着光 真大神对前端玩具不屑一顾 我也并不是为了去模仿 marc merlins 10 多年前创建这个博客网站的目的...就只是为了记录一下自己的生活、心境、感悟 并不是为了去获取什么 甚至连基础的 SEO 都没有做 一直在 “佛性写博” 博客系统就应该开箱即用 默认主题就好了 要简、要省、要快 目前本博除了用 CDN
博客更新主题 By HKL, on Tuesday 2021-06-29 08:15,...tagged: ️Blog ️Coding 博客更新了lighthouse100-theme 主题，基于zola Light Speed...同时主题本身无Javascript依赖（评论系统除外），首页大小约5kb。
Mac搭建Hexo博客流程记录 主题配置 因为之前搭建过所以更换起来相对比较简单，需要注意的地方： 没设置标题的时候会出现(no title)的情况，可自定义，我设置为空串了，在这里设置：theme/fexo.../layout/partial/article.ejs里的 博客里的音乐的iframe，之前宽度是固定的...，可设置为自适应：width="100%" 评论改为了gitalk，在主题下的_config.yml配置即可。....hexo generate (hexo g) 生成静态文件，会在当前目录下生成一个新的叫做public的文件夹 2.hexo server (hexo s --debug) 启动本地web服务，用于博客的预览
个人博客主题美化 选择主题 Hexo默认的主题是landscape，推荐以下主题： snippet Hiero JSimple BlueLake 详见：https://github.com/search...每篇博客。...填写APP ID 和 APP Key到主题配置文件_config.yml 1.3. 运行hexo g&&hexo d推送到博客。 来必力/livere 2.1....填写APP ID 和 APP Key到主题配置文件_config.yml 3.3. 运行hexo g&&hexo d推送到博客。...申请应用 在New OAuth App为你的博客应用一个密钥: Application name:随便写Homepage URL:这个也可以随意写,就写你的博客地址就行Application description
A Wonderful WordPress Theme: 樱花庄的白猫博客主题 在 Louie 基于 Fuzzz 的Akina主题修改的主题Siren基础上第三次 =.= 这两位前辈已经很了不起了，我可以把他们的代码弄乱吧...：） 注意：建议git clone下载（简易Git使用指南；如果选择下载压缩包，解压后记得把文件夹名改回Sakura，也保证主题路径为/wp-content/themes/Sakura/；主题设置在菜单...-外观-Sakura 主题设置中；DIY的时候采用子主题并勾选Sakura 主题设置-CDN-本地调用主题 js、css 文件；请注意主题说明中的其他注意事项。...主题使用说明见：https://2heng.xin/theme-sakura/ 本仓库镜像：https://git.moez.cc/mirors/sakura 下载地址： github：樱花庄的白猫博客主题...主题演示
因为自己对Volantis主题设置过于复杂，反而丢弃了博客的本意，就是多记录遇到的问题。所以改为用简单的noxmoe. noxmoe的文档写的感觉反而更容易让小白理解。...nodejs.org 或 中国淘宝镜像node.js 1.2 安装Git for Windows Windows：下载并安装 git 中国淘宝镜像Git 安装Hexo 首先新建一个文件夹用于放这个Hexo博客...:\example Hexo官网 npm install -g hexo-cli 然后 npx hexo init exampleblog cd exampleblog npm install 博客位置...：d:\example\exampleblog 配置主题nexmoe 在 blog/_config.yml 文件中找到并修改： theme: nexmoe 在Git Bash终端输入: npm...本地运行Hexo命令及主题升级 本地运行hexo请到Hexo基础命令查看。
，有目录/打赏等功能 tranquilpeak主题对博客作者展示比较少，但是indigo作者可以展示的位置比较多，并且可以加入自定义的作者页面 tranquilpeak的博客搜索用的是第三方的服务来做的...，当博客更新后需要hexo algolia重新提交索引，而indigo是本地生成json数据，部署上更加方便一些 本次还探索了使用本地图片来完成markdown的方法 切换主题 在github上的主题切换用的是修改配置文件...样式微调 针对indigo这个博客主题，感觉文章显示宽度比较小，通过研究less样式表，把一个变量从绝对像素变成了百分比，从而顺利解决了适配问题 另外在使用indigo博客主题时，发现最新版本的toc渲染不对头...博客折腾体会 虽然瞎费了不少功夫，不过对前端静态博客的架构有了一定的认识，对自己用的东西最起码有个了解的底气~ 通过引入了hexo-asset-image,从而可以本地使用图片，相信这个对于写博客有很大的用途...最初看到的主题样例都是有丰富的图片展示，下一步就是增加一些博客图片，从而让博客有些灵气~ PS:附上两个博客的地址 tranquilpeak indigo
一.主题 使用 hexo 推荐选择一款自己喜欢的主题，主题带有一些额外的功能适配，不需要自己去做，比如评论、友链、访问统计。...可以浏览官方网站来选择自己喜欢的主题：https://hexo.io/themes/。 我是用的主题是 Fluid，我就以此主题为例来给大家演示如何安装主题。...二.安装 下面的命令默认在博客根目录执行 通过命令安装 npm install --save hexo-theme-fluid 修改 Hexo 博客目录中的 _config.yml： theme:...--save hexo-theme-fluid 现在通过命令 hexo s 来预览你新安装的主题啦 三.开启友链 可以和你的好友博客之间交换友链哦，Fluid 提供的友链的功能。...在后台管理配置即可，带有详细的主题，如有不会的可以在在本文留言。 六.结束 本文所有主题配置都和博客使用的一样，欢迎访问查看：https://xcmaster.com
选择主题 1.从jekyllthemes[1]中选择喜欢的主题 2.免费的主题通常都是GitHub的开源项目，访问GitHub项目主页 以主题为模板创建自己的Repository...命名新建的Repository 修改通用配置(_config.yml) 1.修改根目录（==根目录不正确的话会导致样式或图片加载失败==） baseurl: "/" 2.修改博客名称...自我介绍页 categories.md 分类标签页 search.md 搜索页 2.发布的博客目录 _posts yyyy-MM-dd-title.md...博客文件名称样式 访问博客 https://yourgithubname.github.io Demo 1.我选择的主题 •Reverie[2]...2.我配置完成后的主题 •我的博客[3] 参考链接 •jekyllthemes[4] •Reverie[5] •我的博客[6] References
2.新建站点 输入hugo new site hugoblog ，就会在hugoblog文件夹内出现如下目录结构： image.png 3.下载主题 先去 hugo主题官网 找到自己喜欢的主题，然后点击下载会跳转到主题的...github， 把终端的路径调整到博客文件夹的themes目录下，输入：git clone https://github.com/adityatelange/hugo-PaperMod.git，比如我的主题是...然后把主题里面的一些静态文件和配置文件复制到站点目录下，目的是为了可以自定义博客的样式，而不会改动主题文件夹里的样式，这样主题要更新的时候，直接在主题目录下git pull就可以，站点目录的修改会优先覆盖主题里的配置...欢迎光临素履(Sulv)的博客联系方式" imageUrl: "img/Q.gif" imageTitle: imageWidth:...# description: "这是一个纯粹的博客......"
1.主题效果 实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题，看完本教程后你能搭出相同美化的博客园主题博客了...BNDong/Cnblogs-Theme-SimpleMemory 官方教程：https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/ 3.设置主题并申请...js 代码权限 1>进入管理>设置>博客设置>设置 2>博客主题>选择 SimpleMemory 主题 3>勾选申请 js 权限，填写开通的理由等待管理员审核通过(等待 10min 左右)。...将复制到的 css 粘贴到 css 代码块中，并且勾选上 禁用默认 css. 3.点击保存，强制刷新局可以看到基本样式出来了 5.侧边栏公告的基本配置 在侧边栏公告中将以下代码粘贴进去，点击保存强制刷新博客页面就基本可以看到页面效果了...到了这里如果不追求其他，一个美化博客的操作就已经完成了，但是我还想配置个性化，那就请看下面。
前言 Typecho是一个由中国团队自行开发的开源的博客程序。...相比较Wordpress，Typecho的主题和插件目前数量不多，但相对于Wordpress的臃肿，Typecho响应非常的快，同时也很简洁，适合新手搭建博客使用。...Typecho官网 Splity主题 对于新手来说，挑选一个适合的博客主题还是非常有挑战性的，这里给大家推荐一个非常简洁的博客主题-Splity博客双栏主题，这是一款由小灯泡团队仿制的Typecho主题...Typecho博客主题，昼夜双版设计，可以后台设置白天和黑夜模式。非常的好用，并且完美适配手机，是一款非常良心的typecho主题插件，博主还是非常推崇的。 ? Splity主题 手机适配 ?...Splity主题 后台主题设置 扩展更新： 主题增加后台主题设置，傻瓜式操作，无需HTML和CSS知识可以设置前台页面。
个人博客地址 自己搭建了个个人博客，但是每次打开都会加载好长时间，最后通过开发者工具发现是一些字体和css文件导致的，发现问题那就好办了。
background-image: url(https://raw.githubusercontent.com/Daotin/pic/master/touxiang.jpg); } /*** 设置全局主题颜色
Hexo博客Next主题相册搭建 在blog文件夹/source下创建photos文件夹，在photos文件夹创建index.md文件，编辑index.md文件，写入以下代码: <style type
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
