简单改造丨让你的博客园焕然一新

一直想弄一个blog。

主流的有csdn、博客园,csdn上广告太多,有时候必须得登录才能看到一些内容,让我非常反感。相比之下,博客园则清爽很多,使用了一段时间,但还是觉得不便。主要是上传文章经常会有格式问题,其次就是博客园的界面太老旧了。

后来就尝试在github pages上搭建Jekyll、Hexo,很geek,玩法很多。但要我自己维护还是有点折腾,我只想要一个写东西的地方,看得顺眼就行。

之后,我无意发现博客园的主题也是支持定制的,让我眼前一亮。这里贴一个教程。【详细图解】一步一步教你自定义博客园(cnblog)界面

当然,我没有折腾,我在github上找到了下面这款主题。

Silence

简洁好看,部署简单,还去除了广告,我非常满意。

解决了看的问题,剩下的就是写了。

之前用Hexo发布文章我觉得体验是最好的,在本地写好后,命令行一条指令就提交了,基本不会有格式问题。这里推荐一款markdown编辑器:Typora,它没有对照功能,但上手之后我相信它能让你更专注书写。

在本地用Typora写好文章后,上传到博客园还是有些不便,尤其是本地图片是没办法直接用代码上传的,一般要借助图床。于是我就去寻找有没有相关的插件,我找到了下面这个。

博客园快捷发布工具

这个插件可以直接将本地内容转换成博客园可识别的格式,然后复制粘贴就可以发布了,简单好用。具体的可以去下面的博客和github上看。

看板娘

简洁的界面是不是感觉少了点什么,试着添加一个可爱的看板娘把。

具体操作也很简单,可以参考这篇blog。https://www.cnblogs.com/kousak/p/9726514.html

顺便科普一下什么是看板娘,本人不是二次元。

看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。

看板娘一词并不是正式的职业名称,而是一种习惯称呼,多用于饮食行业的餐馆、咖啡店等,有时也用于超市、小卖店等店面。该概念上的看板娘是狭义的看板娘,从职业上讲,属于女服务生、女店员等的范畴。[1]

另外,有时也把店面外树立的等身大的人型牌子的角色称作看板娘。

网易云音乐插件

去网易云音乐网页上搜索喜欢的歌曲,然后点击生成外链。

复制上面的代码src="//music.163.com/outchain/player?type=2&id=458405728&auto=1&height=32",替换下面代码中的src="//music.163.com/outchain/player?type=2&id=5047348&auto=1&height=32",尺寸参数可以自己调,然后在博客园设置页面把代码贴到页首Html代码里面就可以了。

唯一的问题是很多我喜欢的歌都因为版权问题无法生成外链。= =难受

<script type="text/javascript">
var s = unescape("\u0069\u0066\u0072\u0061\u006d\u0065");
var f = '<'+s+' frameborder="no" border="0" marginwidth="0" marginheight="0" width="280" height="52" src="//music.163.com/outchain/player?type=2&id=5047348&auto=1&height=32" class="music" style="z-index: 0;right: 0PX;display: block;bottom: 60px;position: fixed;"></'+s+'>';
$("body").append(f); //网易云音乐
</script>

坚持

有了这些支持,是不是感觉博客园也焕然一新了。接下来就是让自己保持源源不断的动力,不断地学习和写作,我会努力经营好这个小站,与大家共勉。

原文地址:https://www.cnblogs.com/vincent1997/p/10984357.html

时间: 2024-08-29 10:36:18

简单改造丨让你的博客园焕然一新的相关文章

在Python中用Request库模拟登录(二):博客园(简单加密,无验证码)

源代码分析 博客园的登录页面非常简单,查看网页源代码,可以发现两个输入框的id分别为input1.input2,复选框的id为remember_me,登录按钮的id为signin. 还有一段JavaScript代码,下面来简单分析一下. 先来看$(function(){});函数: 1 $(function () { 2 $('#signin').bind('click', function () { 3 signin_go(); 4 }).val('登 录'); 5 }); $(functio

简单两步让博客园支持手机端显示

博客园的模板是没有兼容手机端显示的,阅读体验比较差.本文教你如何简单几步让你的博客支持手机端显示.找一个夜深人静,没有人浏览你博客的时间点,开始吧. 1.添加js代码 在博客园后台的“设置”菜单下,有一项页首Html代码,此处写js代码也是可以生效的,将如下代码复制过去: <script> var content = 'width=device-width, initial-scale=1 user-scalable=no'; var viewport = document.createEle

简单爬虫-抓取博客园文章列表

原文:简单爬虫-抓取博客园文章列表 如果使用对方网站数据,而又没有响应的接口,或者使用接口不够灵活的情况下,使用爬虫在合适不过了.爬虫有几种,对方网站展示形式有几种都是用分析,每个网站展示有相似的地方,有不同的地方. 大部分使用httpRequst就能完成,不管是否添加了口令.随即码.请求参数.提交方式get或者post.地址来源.多次响应等等.但是有些网站使用ajax如果是返回json或固定格式的也好处理,如果是很复杂的,可以使用webbrower控件进行抓取,最后正则解析,获取所需要的数据即

第一次来博客园先用jquery写一个简单菜单收缩效果

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <script src="jquery-1.7.2.min.js"></script&g

给博客园编辑器完善个插件及简单产品化工作

我的需求是这样的,平时使用有道来写笔记(分享方便 ),同时如果有些文章觉得比较适合公开的话会考虑放到博客园进行分享.尝试了找了一些方法发现能在浏览器里拷贝有道的文章并粘贴到博客园的编辑器里.但这种方法对于图片有个缺陷就是文章里的图片是使用有道的链接,我不想因为有道链接可能失效从而影响我整篇文章的阅读. 但是翻遍了互联网也没找到方便的自动上传的工具(有些可能因为写的比较早不能匹配现在的插件或域名了),所以只能自己开发来解决了.好在程序员有个习惯就是分享源码,于是打算在 https://github

博客园live2d 看板娘 简单 光速

博客园live2d 看板娘 简单 光速 直接粘贴到--博客侧边栏公告,需要JS支持 <!-- live2d --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Live2D<

博客园添加网站统计访问量-操作简单很实用哦!

浏览博客园,看到这个小文章,跟着操作了一下,可以定制网站的访问人数.访问量,需要的亲果断试试看吧! 效果图: 博文: 无意中看到有这个访问量的统计,觉得挺好玩的,我们现在就来添加一个吧: 1. 先到http://www.amazingcounters.com/sign-up.php   这个地址去申请一个帐户,申请时填写好自己的资料,比如 你的统计风格样式.要统计的地址.要统计的类型,是浏览量(PV) 还是 访客数(UV),或者你也可以2个都统计:这些统计数据都是可以任意修改的哟,不过我们最好还

简单的3步设置,让你的博客园更漂亮!

阅读目录 第一步,上传自定义的css 第二步,设置页面定制的css和页首html 第三步,设置页脚html 昨天在发布博客园的第一篇花了很多时间和精力编写的博客后<模块化利器: 一篇文章掌握RequireJS常用知识>,有博友问个人的博客风格是如何自定义的,今天特将月前整理博客时用到的一些方法总结如下,希望能对你设计自己的博客有一些帮助:) 第一步,设置页面定制的css 在博客管理页面,找到设置选项卡: 在该选项卡下面,先修改标题,在标题文本前面先添加下面的一段html: <span c

python简单模拟博客园系统

# 用代码模拟博客园系统## 项目分析:# 1.首先程序启动,显示下面内容供用户选择:## 1.请登录# 2.请注册# 3.进入文章页面# 4.进入评论页面# 5.进入日记页面# 6.进入收藏页面# 7.注销账号# 8.退出整个程序# 2.必须实现的功能:## 1.注册功能要求:# a.用户名.密码要记录在文件中.# b.用户名要求:不能有特殊字符并且确保用户名唯一.# c.密码要求:长度要在6~14个字符之间.## 2.登录功能要求:# a.用户输入用户名.密码进行登录验证.# b.登录成功之