HTML5技术

简单的3步设置,让你的博客园更漂亮! - 流云诸葛(2)

字号+ 作者:H5之家 来源:H5之家 2015-10-14 18:16 我要评论( )

这篇博客不会发布,所以外面看不到,在里面插入图片文件,然后记下图片文件的地址,就可以在css中被引用了。如果你也想要这样一个网页背景大图的话,可以通过这个方式上传一张自己喜欢的图片,然后替换第二处所示的

这篇博客不会发布,所以外面看不到,在里面插入图片文件,然后记下图片文件的地址,就可以在css中被引用了。如果你也想要这样一个网页背景大图的话,可以通过这个方式上传一张自己喜欢的图片,然后替换第二处所示的文本即可。

第三处是:

这个文件是头像的url,你需要用自己图像的url替换掉它。

第三步,设置页脚html

找到页脚html部分,粘贴进下面的代码:

GenerateContentList() { ) { ; content ; content ; content ; ) { ; $(jquery_h3_list[i]).before(go_to_top); ; content += li_content; } content ; content ; ) { $($(]).prepend(content); } } } GenerateContentList();

这段js包含了返回顶部,分享组件以及博文页面生成目录的功能。需要注意的是这个生成目录的功能,它的原理是去博文里面寻找h2元素把它作为每一个目录项,所以你在编辑博客的时候,大的标题一定是要用h2,小的标题应该用h3,不能混用,推荐使用live writter编辑博客,在编辑的时候,它的标题2和标题3在源代码中显示的就是h2和h3:

image

以上就是我当时自定义博客时用的所有方法了,有的细节没有讲太多,相信你在使用这些方法后,查看博客页面的源代码就能明白其中的原理了,当然有疑问的,还是欢迎你在评论区与我交流。如果你觉得这篇文章对你有用,不妨帮我点一下赞,也就算是看得起我今天一大早起来花的这点时间和精力了,谢谢:)

转载请注明:文章转载自:博客园 []
本文地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 《人民的名义》---简单的文本分析 - 视野

    《人民的名义》---简单的文本分析 - 视野

    2017-04-22 18:00

  • 在IIS上部署你的ASP.NET Core项目 - 王杰光

    在IIS上部署你的ASP.NET Core项目 - 王杰光

    2017-04-07 08:00

  • [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反骨仔(二五仔)

    [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反

    2017-04-02 11:00

  • 设计模式(0)简单工厂模式 - Fonour

    设计模式(0)简单工厂模式 - Fonour

    2017-03-25 15:01

网友点评
m