目录 内置TOC 添加ScrollSpy博文menu Scrollnav.js 使用方法❤ 最近又双叒把博客模板换成了Jekyll,Jekyll无论上手难度和修改难度都是目前所见流行模板中最低的(以无基础小白的角度来讲),主题也相当丰富.这几年从Django折腾到纯手工自制,再到Hugo和Jekyll,不打算再折腾了,除非再出现更简单更酷炫的新模板吧. 内置TOC jekyll的默认markdown语法是Kramdown.本身支持博文TOC,使用方法和原装Markdown差不多. 在文章头部输入

使用jekyll将markdown文件生成静态的html文件,并使用主题有序的进行布局,形成最终的博客页面. 特点 基于ruby 使用Markdown书写文章 无需数据库 可以使用GitHub Pages发布 安装Ruby环境 由于我的是在windows的操作,所以这里用rubyinstaller--http://rubyinstaller.org/downloads/,linux和mac的朋友就直接官网的ruby. 我使用的版本:rubyinstaller-2.2.3-x64.exe(17.1

最近在Github Pages上使用Jekyll搭建了个人博客( jacobpan3g.github.io/cn ), 当需要添加评论系统时,找了一下国内的几个第三方评论系统,如"多说","畅言","友言", "新浪云跟贴": 多说,曾经较火的评论系统,网上介绍文章比较多,但已关闭,无法再用了 畅言,sohu旗下的,但是需要个人博客备案后才能使用, 但github pages个人博客感觉备案比较难 友言,jiaThis旗下的,

Django 博客开发教程目录索引 本项目适合 0 基础的 Django 开发新人. 项目演示地址:Black & White,代码 GitHub 仓库地址:zmrenwu/django-blog-tutorial,项目中的博客模板下载地址:zmrenwu/django-blog-tutorial-templates,遇到问题求助地址:Pythonzhcn - Python 中文社区 基础部分 0 - Django 博客教程:前言 1 - 搭建开发环境 2 - 建立 Django 博客应用 3

前一段时间将我的Jekyll静态博客从github pages镜像部署到了 zeit.co(现vercel)上了一份,最近偶然发现gitlab pages也不错,百度也会正常抓取,于是动手倒腾,将github pages快速迁移Jekyll博客到gitlab pages,中途遇到了不少坑,管他呢,一把刷. 于是有了下文的 从github pages快速迁移Jekyll博客到gitlab pages的完全指南. Step1: 导入已有项目 登陆gitlab.com,点击New Project, 点

使用SWIFTYPE为jekyll博客添加搜索引擎 步骤 1.首先去swiftype注册一个账号 2.接着添加自己想要配置的网站地址并为新设定的引擎添加一个名字(非会员只能设置一个引擎). 3.收到验证邮件后去自己的邮箱验证,验证成功后swiftype即开始抓取网站内容 4.接下来选择Setup and integration点击Install search engine进入搜索引擎个性化配置界面.可以自定义外观.搜索内容显示方式等等. 5.配置完成后将产生代码添加到网站目录文件下的_layou

快速导出jekyll博客文件进行上传部署 在使用markdown书写jekyll博客时,经常需要写一个头部信息用以让jekyll读取博文信息,这是一件比较麻烦的事,因此我使用HTML实现了一个快速导出博客文件的页面,点击跳转到该小工具 背景 头部信息如下: 这些信息是格式比较固定,每次写博客的时候都需要写一遍是一件比较繁琐的事 目的 因此我在开发了以下这个在线工具之后,每次在typora写了博文内容以后直接粘贴到文章内容输入框,点击自动导出md即可自动导出所需格式的文件 其中标题即为博文标题,导

Github pages + jekyll 博客快速搭建 寻找喜欢的模版 https://github.com/jekyll/jekyll/wiki/sites http://jekyllthemes.org/ Fork到自己的github 找到自己github中的此项目 点击"Settings",将"Repository name"改为 {你的Github用户名}.github.io,点击"Rename" 修改成自己的名字 此时就可以通过 ht

我在GitHub Page上托管的Jekyll博客地址:http://lastavenger.github.io/

Jekyll博客添加Valine评论 关于github搭建jekyl博客,在这里不做过多描述,详情参考: 百度搜索关键字:github搭建jekyll博客 官网:https://www.jekyll.com.cn 我的博客用的模板是:jekyll-theme-next,本篇文章就是基于这个模板添加的. 关于评论插件: Disqus: 需要FQ 网易云评论:需要自己的域名 Duoshuo: 挂了 gitment:逼格太高 其他评论插件没有用过,最后发现了Valine,一款快速.简洁且高效的无后端评

将jekyll博客主页的超链接变为新标签页打开 最近发现在打开博文查看时往往不想关闭当前页面,想新建一个页面打开,查了HTML资料以后进行修改 在根目录找到index.html,打开编辑,找到图示<a href="{{ post.url | prepend: site.baseurl }}">代码行,在后面添加 target="_blank",意为在新标签页打开文章,改完如下所示 使用方法即可修改jekyll博客里的任意链接,在浏览网页时即可不用关闭当前

动态显示目录的作用 不用每次写博客的时候繁琐的人工整理目录,又可以动态浮动在右下角,方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解. 实现原理 首先根据个人喜好,我习惯了用 h1 来做分类.所以本篇内容也主要是针对h1来提取目录. 如何提取出来h1呢? 先来看这张图,以猎豹浏览器为例: 首先在博客内容第一行点击鼠标右键,然后选择检查.这时会弹出右边的框,直接定位到我的h1标签,就这么简单的找到了它的父级 cnblogs_post_body . 然后使用 jquery 选择器

本人用的模板是基于Codeboy的博客模板改造模板,(由于本人可能会有很多样式修改,所以不再将修改pullrequst到原项目,在此对codeboy模板表示感谢).功能改造如下: 添加微信支付宝打赏 这里也是一个开源的项目,项目地址,使用很方便,直接引用到项目中,配置下就可了: <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 1, buttonTi

3.生成虚拟数据 为了方便编写程序前台和后台功能,我们在创建数据库模型后就编写生成虚拟数据的函数. 1)管理员 用于生成虚拟管理员信息的fake_admin()函数如下所示: personalBlog/fakes.py: 生成虚拟管理员信息 from personalBlog.models import Admin from personalBlog.extensions import db def fake_admin(): admin = Admin( username = 'admin',

layout: post title: 给博客添加天气插件 date: 2020-04-26 author: Dapenson header-img: img/post-bg-debug.png catalog: true tags: - 天气 - 博客 - 插件 获取和风插件 在和风天气注册之后获取插件代码 准备和风天气插件代码示例如下 <div id="he-plugin-standard"></div> <script> WIDGET = {

最近,基于Jekyll新搭建了自己英文博客.整个过程搜索了不少资料,也尝试和过滤了不少工具和插件,最后的效果还是不错的.这里总结一下主要的七个步骤,感兴趣的朋友可以参考一下: 第一步,安装Ruby开发环境和Jekyll组件. http://jekyll-windows.juthilo.com/ 第二步,如果第一步gem install遇到困难,尝试使用阿里的ruby gem源,代替默认的源. https://ruby.taobao.org/ 第三步,选择一个喜欢的模板. http://jekyl

摘要: 一直用Mac,换了新公司使用的电脑是windows,网上粗略的看了一下Jekyll的安装.简略的实现了一遍 首先安装Ruby "Ruby安装文件下载地址" 下载对应版本,我的电脑是64位的下载64位的版本: 然后就是windows下傻瓜式的安装了,双击安装即可. 需要注意的是安装的时候...阅读全文 posted @ 2015-10-09 16:20petrus.law 阅读(14) |评论 (0)编辑 Mac下Jekyll安装 摘要: 之前一直用Wordpress,虽然功能强

model目录主要是封装一些经常使用的方法,便于使用. setting.js文件: 很简单,就单单封装了一个url作为公用,以后改就方便改了. md5.js(不推荐用): db.js文件: db.js文件主要是封装一些对数据库的连接操作,要不然都写在router.js上会造成非常大的代码冗余而且代码都一样. 对数据库操作,第一步当然是连接数据库: __connectDB作为一个内部函数,方便被引用. 然后用MongoClient.connect所提供的方法连接数据库,connect接收两个参数(

尚未完善,有待改进 #!/usr/bin/env python3 # -*- coding: utf-8 -*- __author__ = 'jiangwenwen' import pdfkit import time import requests import random from bs4 import BeautifulSoup from fake_useragent import UserAgent # 请求头 ua = UserAgent() headers = { 'cache-c

0. 简介 进入到cnblog这个大园子以后,和其他的一些博客网站比起来,少了些小功能,比如旁边CSDN上的目录.不过好在大神辈出,博客园可以通过申请JS权限来进行目录的生成. 由于本人在JS以及CSS上纯小白,不过一些代码还是可以看懂的,刚好园子里有着许多前辈的模板,就直接拿来使用了,在此也谢谢原作者. 1. JS代码 想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到下方的联系邮箱直接发去就行了,工作人员回复的还是很快的. 拿到权限之后,下面就是将编(搜)写(寻)的JS

本系列有五篇:分别是  [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面  [二]jekyll 的使用 :主要是jekyll的配置  [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo     目录: 一.静态博客: 二.关于hexo和jekyll 三.Hero的安装 一.静态博客: 引用链接:https://ww