首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

彰显个性│博客园的自定义主题「建议收藏」

经过自己的摸索,终于将自己的 博客园主页 设置成了自己满意的样式,如下图所示: 该代码均已开源在Github上:极客飞兔的Github 极客飞兔博客首页 极客飞兔博客详情页...主题推荐 主题项目 cnblogs-theme-silence 是 esofar 大神开源的,我的主页就是根据这个项目进行修改的,该项目内其实就是将博客园的网页的首页源码拷贝下来,在本地启动预览后,然后通过修改本地的代码样式...,在本地的网站调试成自己想要的样式后,将其中的 JS、CSS 进行编译打包,在博客园后台中设置即可 该大神怕大家不会部署,项目文档 中的部署指南写的一清二楚 部署该主题前,博客皮肤必须选择...,才可以使用 JS权限,一般二十分钟内就可以通过申请 申请JS权限 权限申请理由 自定义主题配置CSS 在JS权限申请通过后,我们就可以设置自定义主题了 当项目编译后,会在 dist...目录下生成css和js两个文件,我们只需要将这两个文件内容分别复制放到页面定制CSS代码和页脚HTML代码中即可 在部署CSS代码时,一定要勾选模板默认的CSS,这样系统就只会使用你复制的这段样式了

1.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    数款二次元wordpress主题,你值得拥有!

    这大概是博主通过搜索引擎找的现在还可以用的,咱们中国人做的WordPress动漫主题了。 不多说直接进入主题。...注:排名不分前后 H-siren 主题特色 任何页面背景头图可以选择使用随机图片API显示,比如 漫月API 小歪二次元 PC 端首页的博主描述,可以选择使用“一言”代替,由 Hitokoto - 一言...这也是可定很喜欢的一个主题,最喜欢的是高斯模糊,还有文章里面那些变态到极致的设计(这真的是在夸作者啊啊啊)。嗯,好作品。很感谢他将主题开源出来。...表情 定制登陆及后台界面 随机封面图 Github Cards CDN 优化 Fancybox GitHub项目地址 官方演示 这个主题在 Louie 基于 Fuzzz 的 Akina 主题修改的主题...Siren 基础上三次修改。

    11.5K30

    WordPress主题制作(四):制作头部模板header.php

    当我们用文本编辑器打开从WordPress主题制作:开始前的准备下载的Yii-Candy中的 .php 文件,不难看出他们头部的代码都非常的相似!...header.php中的代码(不同主题的头部代码可能不太一样,在你实际的项目中可以自定如何书写): 的主题,是要被WordPress的主程序调用,经过层层解析才能把你的博客显示出来,而不是简简单单的html静态网页文件。...>" type="text/css" media="screen" /> 博客名称和描述 在header.php,下面两行代码用于显示博客名称和描述: 主题: 5 / 14 WordPress主题制作:开始前的准备 WordPress主题制作(一):主题文件结构 WordPress主题制作(二):模板和模板文件 WordPress主题制作(三):牛刀小试

    1.3K20

    腾讯云服务器搭建WordPress博客

    WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。...它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。WordPress有许多第三方开发的免费模板,安装方式简单易用。...为您的网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您的域名) 显示如下: 在侧边栏点击外观...更改标题和标语 页面标题向搜索者解释了您的网站的内容。它们也是搜索引擎如何确定排名的重要组成部分。您应该在网站的每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客的首页(如果您的整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始在您的主页上显示它们。

    4.3K50

    腾讯云服务器搭建WordPress博客

    WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。...它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。WordPress有许多第三方开发的免费模板,安装方式简单易用。...为您的网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您的域名) 显示如下: 在侧边栏点击外观...更改标题和标语 页面标题向搜索者解释了您的网站的内容。它们也是搜索引擎如何确定排名的重要组成部分。您应该在网站的每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客的首页(如果您的整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始在您的主页上显示它们。

    4.8K40

    钻芒博主首个汉化主题-Gliu – 创意WordPress博客主题

    为您的帖子添加徽章您可以标记自己的帖子。我们将这些徽章设置为“新”,“热门”和“赞助”,但您可以根据需要更改这些词。要激活它们,只需在“编辑帖子”屏幕上看到“Gliu Post Options”面板。...它将显示在帖子页面的最顶部,在一个有用的滑块中。视频帖子您可以直接嵌入任何YouTube或Vimeo视频的网址,然后选择“视频”帖子格式。Gliu将在内容中找到第一个视频并显示它而不是特色图像。...易于定制您可以通过原生WordPress自定义程序轻松更改您的网站设置。所以你将有更多的时间来享受这个主题!您可以通过原生WordPress自定义程序轻松更改您的网站设置。...7种不同的标题视图,3个标志位置:菜单上方的徽标,菜单下方的徽标,左侧的徽标您的博客主页有2个圆柱和3个圆柱布局。通过原生WordPress定制器将SEO文本添加到您的博客主页。...您可以显示/隐藏大部分元素。排行榜横幅管理:在10个不同的位置添加最多20个横幅。无需 .pot文件即可将主题翻译成您的语言。只需从定制器中执行此操作即可。在页脚中显示的19个社交帐户图标。

    8.7K20

    博客平台知乎_同一篇文章在简书和微信号

    (尤其是百度)在搜索问题的时候排名靠前 阅读量高,从头开始写也不怕没人看,有排名,对于追求阅读量的作者会更有动力写 博客内容基本限定在计算机领域上 博客写完发表即可,不需要做额外的事情,还有要提的是支持数学公式和流程图编写...,其他的博客我不太清楚 CSDN除了博客外还有很多其他资源,比如源代码下载、课程学习等,对有需求的作者有吸引力 缺点 界面不够好看,无论PC端还是移动端 博客定制性差,基本只能调整下模块位置,换个固定的显示模板...SEO不错,尤其是在百度上,博客园上面也经常有不错的专题类文章 阅读量有保证,和CSDN很像,不提供排名机制 博客内容基本限定在计算机领域上 界面好看了一些,给博客管理者较大的定制空间,见到过一些自己定制的博客...,足够挑选,从nodejs出的hexo到ruby的jekyll,有大量的主题可供挑选,还可以关联自己的域名 能学习一下git和github的使用 能学习一下web开发 缺点 在百度上seo非常差,google...上还好,github限制了百度的索引,所以github page上的博客不用想了,百度上很难被搜索到,能看到个主页就不错了,所以基本很少有人阅读你的博客,虽然还可以考虑把博客挂在coding.net上,

    56400

    Educavo v3.1.1 – WordPress在线课程和教育主题

    它配备了高质量的14 个预构建主页和许多内置的精彩内页,例如课程页面、教师页面、多个博客布局等。 我们还使用了世界排名第一的领先 WordPress 页面生成器 – Elementor 页面生成器。...现在是时候使用一个不受设计限制的实时页面构建器了。一个页面构建器,可提供 WordPress 上从未见过的高端页面设计和高级功能。...功能 15 个创意、时尚、独特的演示主页 包括儿童主题 05 博客和单篇文章页面布局设计良好 02 关于页面布局 04 联系页面布局 120 多个插件元素:我们包含 200 多个带有主题的元素。...响应式布局:我们的主题也是 100% 响应式,这就是为什么它可以在所有智能设备(智能手机、平板电脑、个人电脑和台式机)上很好地工作 Elementor 页面生成器: Elementor 页面生成器是排名第一的拖放页面生成器和实时编辑器...Revolution Slider:这个滑块插件可以显示任何类型的媒体,具有高度可定制的过渡、效果和动画。

    18110

    个人博客网站怎么做好首页链接的SEO优化

    最近忙着给服务器做做数据迁移,忙里偷闲看了昝辉老师的博客感觉这篇文章很好就转发了,在很久之前我没怎么考虑做SEO优化,但是网站的权重是2,最近一年不知道是什么原因造成的,网站权重一直徘徊在权1,这个权2...有时候感觉是不是网站模板换的太勤导致的呢?最开始是锦鲤主题,一直是权2,再往后就是宁静致远,然后明信片到现在使用的希望主题模板,很费劲啊,多研究研究权重的案例吧。...昝辉老师的回答: 这是一个大部分网站都会碰到而且没有优化好的问题,所以在博客里再详细回答一下。 确实像这位朋友所说,使用“主页”,“Home”之类做锚文字链接回首页,没能充分利用锚文字对SEO的作用。...内部链接锚文字虽然没有外部链接那么有效,但毕竟会被搜索引擎计入排名算法,因为这是网站本身在告诉搜索引擎这个网站的主题。...其实也可以通过页面布局以及CSS的使用,将主导航链接推到页面代码的后面,把左侧导航或底部导航等地方的首页链接,提高到HTML代码中的前面,但视觉排版上还是主导航中使用“主页”为锚文字的链接出现在左上角。

    1K20

    想建个独立博客,独立博客程序哪个好一点?

    因此,建立个人博客网站仍然建议使用独立的个人博客,这涉及到选择哪些博客程序更好。今天,我推荐三个博客程序,详细介绍如下(排名不分顺序)。...WordPress是一个个人博客系统,并逐渐演变成一个内容管理系统软件,由PHP语言和MySQL数据库开发,用户可以在支持PHP和MySQL数据库的服务器上使用自己的博客。...基本上,一个完整的网站应该具备的所有功能都可以通过其第三方插件实现;   wordpress构建的博客对seo搜索引擎友好,收录快,排名靠前; 适合DIY,如果你是一个内容丰富的网站,那么wordpress...如果只是自用,记录自己的生活和学习,不涉及其他,建议使用这个。真的超级简单。模板和插件少。前两者不是一星半。...推荐指数:3星; 以上言论只是个人的,因为作者真的经历过这三个博客程序,当然还有其他程序,这里没有写,毕竟,没有使用没有发言权,使用最方便和习惯或我们国内博客程序的祖先Z-Blog,至少在模板和插件已经满足日常使用类别

    1.2K10

    探索 PrimeVue——开源项目的卓越之旅

    响应式设计:PrimeVue 支持响应式设计,能够在不同屏幕设备上提供良好的视觉效果。 主题定制:PrimeVue 提供了强大的主题定制能力,允许开发者轻松创建自定义主题。...例如,在数据展示方面,PrimeVue 的数据表格组件能够以清晰有序的方式呈现大量数据,如[数据表格示例];在图表展示方面,它的图表组件可以生成各种精美的图表,如: 主题定制与响应式设计:用户可以轻松地根据自己的需求定制主题...就像在不同尺寸的屏幕上,页面布局会自动调整,以确保内容始终清晰可读。 国际化支持:通过简单的配置,PrimeVue 可以支持多种语言,方便开发多语言应用。...用户点击切换语言按钮或执行其他操作时,更新应用的语言设置。 通过以上步骤,我们就可以在 PrimeVue 项目中实现国际化支持,根据用户选择的语言显示相应的翻译文本。...研究了一圈,看了文档的所有组件和模板,发现确实非常适合做轻量级管理系统和官网, image.png 我们可以在它提供的模板里发现一些不错的设计: image.png 还有暗黑系酷炫配置主题风格的模板:

    54910

    徐大大seo:WordPress SEO优化教程

    WordPress是一款非常流行的开源博客平台,它具有易用性、可扩展性和灵活性等优点,因此被广泛应用于各种网站建设中。...但是,如果你想让你的WordPress网站在搜索引擎中获得更好的排名,就需要进行SEO优化。下面是一些WordPress SEO优化教程,帮助你提高网站的搜索引擎排名。 1....选择一个好的主题 选择一个好的主题是WordPress SEO优化的第一步。一个好的主题应该是响应式的、快速加载的、可定制的、SEO友好的。...响应式主题可以让你的网站在不同的设备上都能够良好地显示,快速加载可以提高用户体验和搜索引擎排名,可定制性可以让你根据自己的需求来设计网站,SEO友好的主题可以让你的网站更容易被搜索引擎收录和排名。...优化你的网站结构 优化你的网站结构可以让搜索引擎更好地理解你的网站内容。你应该使用清晰的网站结构,包括主页、分类、标签、文章、页面等。

    52850

    通过github搭建个人博客2-博客个性化设置

    摘要:上一节主要介绍了基本环境的配置,通过上一节的操作,已经能完成简单博客的搭建,但是还有很多不完美的地方,比如主页显示内容太多等。...本节主要介绍如何个性化定制自己的blog,主要涉及到主题的安装以及设置,插入图片技巧,以及首页显示摘要等。 再次声明,本文中的所有操作都是基于windows操作系统,具体版本为win10 64位。...图中三步分刚好对应了github上的目录,public是主目录,第二个是每个博客网页的目录,图片都在images目录中,博客网页目录中只有一个index.HTML文件,刚好图片引用地址为:…/images...主页显示摘要 默认情况下hexo博客(如本站)的首页显示的是完整的文章 – 而文章比较长的时候这无疑会带来很多不方便的地方。...通过在每篇博客中添加: 做到主页仅仅显示摘要的效果,在 之前为主页显示的内容。之后为文章剩下的内容。复制该段代码一定选择粘贴文本。 ? 4.

    51540

    零基础开发高大上精美网站,一步步带你建设全能网站

    上次课程:手机电脑自适应网站搭建seo搜索引擎排名的技巧 非技术第三课 请按照顺序学习的哦。 上次课程已经安装好了,模板。界面变了个大改变。今天我们要做的就是进行修改页面为,我们需要的样子。...此时打开主页会发现日历的小工具: ? 当然顺序的话,可以通过在小工具Main Sidebar拖拽上下顺序实现。 ? 这里我改变了一下,我拖拽的小工具如下,只留了这几个: ?...选择自定义链接输入域名和首页,添加到菜单,移动一下顺序,并在菜单显示位置上打钩: ? 点击保存菜单,看一下效果,菜单完美展示: ? ? 如果此时我们再增加点文章一个简单的网站就建立完毕了。...当然有些细节的东西尚需修改。 增加文章 输入标题和内容就能发表了。 ? 目前来说这些操作,是非常简单的。主要界面展示的形式看你在网络上搜寻的主题模板的样式。...如果自己有能力完全可以基于wordpress进行开发模板。 ? 下节讲解基于现有网站基础之上,进行搜索引擎优化讲解。通过一系列设置与规则,带你提升网站在搜索引擎中的排名。你期待吗?

    93410

    ypecho后台无法登录显示503 service unavailable问题及处理

    typecho后台登陆网址,我的是https://www.aomanhao.top/admin报错显示如下:三、503问题分析503涉及到主机服务器、博客主题、Typecho框架。...咨询了主机服务器的客服,没有异常,提示到第三方资源消耗太大,这个是博客访问延迟较高的原因。咨询到博客主题作者,这个问题属于Typecho框架的登陆失败,是Typecho后台登陆有问题。...如果在升级完成后,进入首页出现 500 或其他错误,请进入 admin 页面禁用所有的插件,并启用默认模板。如果正常,请逐步排查插件或模板存在的问题。措施2-伪静态设置1、如何启用伪静态?...2、如何编辑或创建 .htaccess 文件?在 Linux 系统中,点开头的文件通常属于系统文件,这些文件是隐藏文件。...define('__TYPECHO_SECURE__',true);我的个人博客主页,欢迎访问我的CSDN主页,欢迎访问我的GitHub主页,欢迎访问我的知乎主页,欢迎访问

    18710

    101种让你的网站更棒的方法

    你可以在X-Icon Editor上生成一个64x64像素的favicon。 多使用高分辨率图像。至少要保证图片是它容器的二倍大,然后再缩小显示它。 最多使用2-3种颜色。...选择一种标题字体和段落字体,再有就是特殊例子的字体。 设置网页body字体大小为16px。在大显示器上难以阅读比这小的字号。移动设备的字号则缩为12px。...自定义软件很难维护但是与同类网站相比却能提供很强的竞争力。 测试跨浏览器兼容性来确保你的网站可以在Chrome,火狐,Safari,IE等浏览器上都可以正常显示。...使用大量的H2,H3和H4创建副标题来使你页面的内容富有层次感。 通过一个被标题,H1,副标题和前1/3内容包含的特定关键字来优化页面。 你的meta描述将会在展示在搜索结果中链接下的描述里。...设置Facebook开放图形META标签来确保你的内容可以在Facebook上正确的分享。在别人分享你的主页、博文等的URL的时候,使用Facebook Debugger来检查页面是如何展示的。

    1.3K40

    博客园美化

    博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。...入园时间查看方法:鼠标停留园龄时间上,会显示入园时间 avatar: 'https://pic.cnblogs.com/avatar/1037867/20220801164532.png...banner标语, 随机从数组中获取一条文字显示 title: ['每一个不曾起舞的日子,都是对生命的辜负。'...js 脚本,要和 上一步的CSS外链同一个版本(这里是V2.1.0),否则可能会不生效或者出现别的问题 最后 主题相关文件(css\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床...,当然也可以自己放到GitHub上面托管,采用CDN访问(参考这里) 托管到博客园上 图片等静态资源也可以自行搭建云盘使用 方式很多,顺手就行

    97530

    WordPress丨常见函数及拓展模板函数大全

    /Category/Archive页是否以多页显示 is_user_logged_in():判断用户是否已登录 注:判断函数一般都用于if..else语句中,所以大家在使用前,请先了解if判断语句的用法...不会太难,过一段时间本博会专门介绍PHP中的if语句如何使用。 三、模板内容部分的常用函数   : 调用Header模板 上一篇日志的URL地址 调用日历 显示一份博客的日期存档列表 显示博客的描述信息 其它的一些WordPress模板代码 /%postname%/ 显示博客的自定义永久链接 搜索表单的值 wordpress调用最新留言 下面是我之前在一个WordPress主题中代到的最新留言代码,具体也记不得是哪个主题了。该代码直接调用数据库显示一份最新留言。

    1.8K30

    如何搭建 WordPress 博客

    WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。...它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。WordPress有许多第三方开发的免费模板,安装方式简单易用。...为您的网站选择主题和模板 登录WordPress仪表盘,输入:https://yourdomain.com/wp-admin (将yourdomin.com替换为您的域名) 显示如下: wordpress.png...更改标题和标语 页面标题向搜索者解释了您的网站的内容。它们也是搜索引擎如何确定排名的重要组成部分。您应该在网站的每个页面上使用唯一标题。 标语在每个页面的标题末尾添加。...“帖子页面”是您博客的首页(如果您的整个网站不是博客)。如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始在您的主页上显示它们。

    7.5K3330
    领券