这个系列的文章是我在搭建博客园博客时所经历的过程. 在上一期如何调教你的博客Episode1——修改整体样式中,我们通过添加CSS样式,修改了页面的总体布局.但将文章发出之后,博客的布局就出现问题了: 由于总体布局的修改,导致了博客园的默认样式无法工作.另外在移动端中会出现横向滚动条.让我们继续魔改这个博客吧! 1.增加主窗口自适应 在上一期文章中,我们把id为main的主div宽度修改为页面的95%.但在页面缩小的时候却会出现横向滚动条.一查样式表,发现是main的min-width选项导致的…

上一篇博客介绍了comments库使用及ajax支持,现在blog已经具备了基本的功能,但是只能发表文字,不支持富文本编辑.今天我们利用markdown添加富文本支持. markdown语法说明: http://wowubuntu.com/markdown/ http://markdown.tw/ http://mahua.jser.me/ 推荐第三个,可以直接在线编辑markdown文档. django添加markdown支持 首先需要安装markdown  安装说明 : http://dar…

博客侧边栏公告(支持HTML代码)(支持JS代码) <div id='btnList'> <a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a> <a class="ivu-btn ivu-btn-primary" href="https://…

如图所示,这是你刚刚注册的博客园博客,让我们开始一步步修改它. 1.写入自适应代码 html,body{ height:100%; border:; margin:; padding:; } body{ background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-image:url("https://thumbs.dreamstime.com/b/%E9%9B%A8%E6%…

参考:http://www.cnblogs.com/ilogic/archive/2012/08/05/latex.html 主要是利用在线生成公式的工具:MathJax,但要在博客上获得 MathJax 的支持,必须要求博客空间提供自定义模板的功能,而大部分免费博客空间,如新浪.网易.百度等都不提供该功能. 而强大的博客园是支持的,具体设置方法如下: 在博客园设置页面的页首HTML中拷入如下代码即可: <script type="text/x-mathjax-config"&g…

目录 移动端的点击事件与Sticky Hover问题 TL;DR 前言 问题描述 背景 实现方式 问题 关于移动端浏览器的点击事件 初次发现问题后各种解决尝试:从点击事件本身下手 cursor: pointer 区分设备分别使用click和touchend 问题的根源:CSS中:hover伪类在移动端的表现问题 解决办法 移动端的点击事件与Sticky Hover问题 v1.0 作者:ZBW TL;DR 解决办法是:在:hover伪类外使用@media区分设备,在移动设备上使hover效果不生效…

目录 说明 功能 如何使用 说明 这是一个用Django开发的多人博客系统,功能简单,但完全满足公司内部或个人的博客使用需求.支持普通富文本编辑器(tinyMCE)和MarkDown编辑器 由于嫌弃Django后台太难看,也无法满足个人开发时候的想法.于是自主开发了后台,未使用Django自带的admin模块.其中集成了Django的Auth模块,其他部分都重写了 由于本人前端不精,不愿意花费大量时间去写界面.所以博客前台界面参考了vmaig开源博客的界面.后台模块的界面参考了Bootstrap…

步骤一.新建博客文章 打开Word软件,新建->博客文章(第一次在模板下面可能找不到,可以在搜索栏中搜索"博客",下次在首页就能直接找到). 步骤二.编辑博客文章 1.输入文章标题 2.插入类别,如果是想把博客归类到未命名的分组,可选择无,然后直接输入分组名称新建分组. 步骤三.博客管理账户 Word支持管理多个博客帐户,下面说下怎么建立CSDN博客帐户和博客园帐户. 点击博客文章 -> 管理帐户,打开博客帐户窗口,选择新建博客帐户,选择博客提供商 -> 其他. 配置…

MWeb 1.3.7 版的新功能 增加发布到 Wordpress 等支持 Metaweblog API 的服务,目前经测试过的有: Wordpress 博客.新浪博客.cnblogs.oschina. 增加发布到 Tumblr 和 Scriptogr.am 即时预览改进,原来会闪动,现在拿掉了同步滚动功能后不会了. 编辑器和三栏切换也有小改进. 下边介绍一下发布到 Wordpress 等支持 Metaweblog API 的功能 我所知,Mac 下支持这一功能的 Native 的 Markdow…

[TOC] 本文目录(注意无法点击): 前言 体验更加排版请访问原文链接:http://blog.liuxianan.com/build-blog-website-by-hexo-github.html 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 数据绝对安全,基于github的版本管理,想恢复到哪个历史…