vuepress 好看博客主题

2024-10-22

VuePress博客美化之reco主题

vuepress博客主题-vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题.它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格. 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类.TAB墙.分页.评论等能: 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用: 效果:午后南杂文档:vuepress-theme-reco-doc 如果没有接触过VuePress,这里有一篇指北: 如何

纯CSS打造BiliBili样式博客主题

前言一直以来,我都在思考如何减少不必要的JS代码,仅通过CSS来实现博客园主题美化.CSS有很多魔法代码,例如:before,iconfont,order,等等,利用好这些技巧,也能实现很好美化效果.这一次带来的是仿制BiliBli制作的纯CSS博客园主题,希望能给你带来不一样的体验. 头部导航栏 BiliBili个人主页效果这种头部感觉比较好看,并且根据博客园的代码布局,正好能够实现. 其实博客园在设计之初就考虑到了logo的问题,但是只给了1px的大小,所以基本上就没有被人发现.通过ba

20款时尚的 WordPress 博客主题【免费下载】

在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用.如果你想快速创建一个电子商务网站,那么使用现有的 WordPress 模板会是很好的方案. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板那些让人惊叹的的国外创意404错误页面设计 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3

Hexo博客主题优化

Hexo博客主题优化添加背景图在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images/bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; } 修改Logo字体在 themes/*/source/css/_c

从无到有开发自己的Wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3

dajngo ORM查询中select_related的作用，博客主题的定制，从数据库中按照年月筛选时间

1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通

Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

Z-blog PHP版本简洁主题模板特点简洁舒适手机移动端自适应,完美有利于优化代码结构利于编辑对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装对于喜欢简洁的,而又不失丰富的,这是一个不错的选择对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个

开源免费的WordPress个人博客主题推荐

二次元动漫类个人主题 Sakura 功能强大,美观大气,二次元动漫专属演示地址:https://2heng.xin/theme-sakura/ 开源地址:https://github.com/mashirozx/Sakura Sakurairo Sakura主题的后期开发版,适合新人小白,省去了很多代码的烦恼演示地址:https://asuhe.jp/daily/sakurairo-user-manual/ 开源地址:https://github.com/mirai-mamori/Sakur

博客博客vno主题(我正在用的这个博客主题)

将你自己博客园博客的主题设置为lessismore, #divRefreshComments { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt } .topicListFooter { text-align: right; margin-right: 10px; margin-top: 10px } * { margin: 0; padding: 0 } body { font-family:

读Ghost博客源码与自定义Ghost博客主题

我使用的Ghost博客一直使用者默认的Casper主题.我向来没怎么打理过自己博客,一方面认为自己不够专业,很难写出质量比较高的文字:另一方面认为博客太耗时间,很容易影响正常的工作内容.最近公司即将搬迁,我的开发工作也告一段落,因此抽点时间自定义一个自己的博客主页. 备注:上图来自GhostChina官网,与本文内容无关. Ghost与Ghost主题 Ghost自称是专业的内容发布平台,实际上跟WordPress相比它只能算一个相对比较年轻的博客系统,在功能上完全无法与成熟的WordPress相

博客主题皮肤探索-添加新功能和fiddler的css/js替换

还有前言使用了主题之后,发现还差了一点功能.最新评论没有了,导致读者回复需要一点时间去找到底回复了哪条博客.于是就有了添加功能的想法. 如何调试CSS/JS 打开f12,可以看见加载的js资源都是混淆的.虽然还是可以看懂,但这变量名a,b,c,d一搞也头疼.而且本地修改的是不会放在在线调试的,因此我们需要一个工具去替换网页的资源. 幸好,fiddler就提供了这个方法. 先装证书 fiddler是抓不到https的,但可以按照证书去实现这点. 禁用缓存因为缓存的关系,fiddler也抓不到j

博客主题皮肤探索-GitHub和jsdelivr的使用

有个前言本萌并不会前端相关的知识,一切都是自己慢慢摸索出来的,如果存在代码方面的不足,请尽快告诉我~~~ 使用一个主题目前我博客使用是 https://www.cnblogs.com/bndong/p/9132439.html https://github.com/BNDong/Cnblogs-Theme-SimpleMemory 他开源的主题非常非常非常方便使用,注释都写的满满.只要认真看就知道该怎么做~ 跟进大佬最新的代码 fork了大佬的代码,怎么去跟进呢?看到红色箭头了吗?图片显示b

从无到有开发自己的Wordpress博客主题---局部模板的准备

毫无疑问,我们媒体页面都会有header和footer,这些用到的内容几乎是一样的. 从无到有,我们先不考虑后面可能用到的Search和Comment等的模板,后面的我会在文本最后面追加. 开始之前,我们把模板所用到的所有静态文件比如图片,css,js等拷贝到主题根目录,不然后面的工作无法继续. 1.header header是每个页面公共的部分,具体怎么着,这里不做赘述,直接拷贝到header.php修改内容如下 <!doctype html> <html> <head&g

从无到有开发自己的Wordpress博客主题---Wordpress主题的构造

在这篇教程中,主要是对Wordpress的主题的构造进行分析,以方便今后的开发工作. 本来打算就引用一下别人已经有的文档就好了,但还是想从头到尾捋一遍,也方便自己梳理学习. 1.Wordpress主题的基本组成 Wordpress主题里面的文件大致可以分为三个部分: 一.前端文件(图片,js文件,css文件等,比较特殊的是主题根目录下的style.css文件,因为他是识别主题的入口) 二.函数文件(functions.php,他是主题所有函数的入口,你的其他函数文件都必须在这里面引用) 三.模板

从无到有开发自己的Wordpress博客主题---运行环境准备

目前只做本地开发,只在本地搭建测试环境,最后会在服务器的CentOS中搭建正式环境,我使用的是Mac,最简单的办法就是安装MAMP. 1.下载并安装MAMP 下载地址:https://www.mamp.info/en/downloads/ 下载完成之后根据提示一步步安装即可,这里不做赘述. 安装完成之后选择网站根目录到你的开发目录(其他配置如想修改,请自行配置): 2.启动服务器启动服务器之后,浏览器会打开http://localhost:8888/MAMP/?language=English

cnblogs博客主题原来可以弄得这么美观

参考了网友 https://www.cnblogs.com/maybreath/p/5253824.html的做法,没想到真的可以耶. 总想弄个方便的.简洁的.可以被搜索引擎搜到的博客.以前用过wordpress,它要花钱维护:用过github jekyll,但是要做很多配置工作且不易被搜索到:用过CSDN,嗯,忍了好多年:早知道cnblogs了,就是不太懂前端,当时也不知道去查查别人的主题设置,说不定就可直接套用了.今日一试果然不错,打算以后就在这安家吧.

一款被大厂选用的 Hexo 博客主题

首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它. 什么是 Hexo ? Hexo 是一个快速.简洁且高效的博客框架,基于 Node.js 开发.Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 GitHub Pages 或 OSS 上,连服务器都省了. Hexo 开发社区也非常活跃,贡献了有

[VuePress]个人博客 -- 批处理自动化编译提交 -- 排错记录

建了一个VuePress的个人博客想着写个批处理,自动编译并上传到GitHub. 结果遇到两个问题, 一个是,vuepress build docs编译后,这个命令执行完就exit了研究了下bat,发现只有分成多个批处理写,通过call <other-bat-file>的方式可以解决一个就是上传失败 error: src refspec gh-pages does not match any. 排错过程颇为曲折错误0 F:\fcn-working\Github\03.my-repos\

wordpress-技术博客主题推荐

推荐主题 1.WordStar 这个主题是干净的,以博客为中心,设计清晰,简单,直接的排版,可在各种各样的屏幕尺寸可读,适合多种语言. 效果图还是非常简洁, 基本和CSDN差不多了除了没有广告以外~~

博客主题-Next风格

适配方法下载压缩包,按照文件名将内容复制粘贴到对应框中即可. 注意事项请将主题设置为custom 禁用默认css 下载连接 Next.rar version:2020-07-10 next.rar version:2020-12-13 .source-download { border-radius: 6px; width: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; ba

Jquery+bootstrap实现静态博客主题

来源:个人博客 body部分: side部分: 文章页面: 下载链接: Fork Git: https://github.com/dwqs/theme1 CSDN: http://download.csdn.net/detail/u011043843/7806307 百度云:http://pan.baidu.com/s/1kThzlS7

vuepress 好看 博客 主题

热门专题

vuepress 好看博客主题