博客园自定义主题样式

概述记录我在定制个人blog页面效果时遇到的技巧及方法等。 基本流程 设定博客皮肤为BluSky 定制首页代码：引入外部CSS 页顶博主名字及副标题 在首页html内输入以下代码可添加博主名到页面顶端，也可添加副标题： <header class="main-header" id="site-head"> <div id="top" class="vertical">

记录我在定制个人blog页面效果时遇到的技巧及方法等。

基本流程 设定博客皮肤为BluSky 定制首页代码：引入外部CSS 页顶博主名字及副标题

在首页HTML内输入以下代码可添加博主名到页面顶端，也可添加副标题：

<header  ID="site-head">        <div ID="top" >            <div ID="site-head-content" >                <div >                    <div >                        <h2 >YourBlogname</h1>                        <h3 >SubTitleContent</h2>                    </div>                </div>            </div>        </div></header>

YourBlogname：主标题，可写博主名等 SubTitleContent：副标题，可写座右铭、博客说明等 字体及背景图

创建CSS编写页面字体的信息及背景图；首先需要引入所创建的CSS，方法为通过link标签引入，在首页HTML输入：

<link type="text/CSS" rel="stylesheet" href="https://blog-static.cnblogs.com/files/YourBolg/Yourtheme.CSS"/>

YourBlog：个人创建博客园blog时的Blog地址名 Yourtheme：上传编写好的.CSS文档到博客-管理-文件内，以便上述代码调用

关于.CSS文件的定制信息包括各类标题、字体样式、背景图片等信息，能力有限暂不细讲，但若采用其他主题可有更便捷方法实现更换背景图、修改字体等功能。

Fork me on Github 标签

在首页HTML内输入以下代码即可实现标签：

<a href="https://github.com/YourGithub">  <img      src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png?resize=149%2C149"      alt="Fork Me On GitHub" data-recalc-dims="1"></a>

YourGithub：个人github的链接 src="..."：github官网提供的标签样式，可自行查找 参考 付伤年华的博客 止步路人 - 让你的博客不再单调，博客园设置随机背景图片教程 Rosaynatu - 博客园个人首页背景设置 FEbuddy - 引入外部CSS的两种方式及区别 legege007 - 博客园美化 CSS文本字体颜色 Chrome取色器 总结

以上是内存溢出为你收集整理的博客园自定义主题样式全部内容，希望文章能够帮你解决博客园自定义主题样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。