最新文章打造炫酷的Github个人页面
打造属于你的炫酷的Github个人页 GitHub进行了新的改造，新增了很多的新的特性，其中有一个新的特性，被许多的GitHub用户玩出了很多的新花样，这个就是在GitHub个人页中直接添加README介绍，用于展示更加的详细信息。 首先看下 Django 与 Datasette 的作者 Simon Willison 就用了短短 150 行代码，来实时更新其个人页的 README 信息。 当他每次运行脚本时，会将项目的最新发行版、博客文章、Datasette API 等内容更新到个人主页上，这样别人就可以第一时间了解他的最新工作近态。 有兴趣了解具体实现原理的同学，可以看下他写的这篇文章： https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/ 倘若你认为 GitHub README 只能做到这种地步，那你就大错特错了！ 脑洞大开的程序员们，最近都纷纷在 Reddit 的 GitHub 区晒出了自己的新玩法。下面我简单贴几个让你们感受下。 宠粉流使用了类似 Friendster 的社交模板，从关注者中 ...
如何为没有目录的PDF电子书添加目录
为电子书添加目录，让阅读更方便！！！ 前言经常买书的小伙伴们，大概都知道，有些纸质书籍价格比较贵，而且买的书籍比较多了，比较占用家里的空间，如果要搬家，也挺难受的。 现在大部分的纸质版书籍的电子版基本上都可以在网上找到，有高清版的，有彩印版的，也有扫描版的，但避免不了有些电子书籍没有目录，这就很难受了😒😒😒。但是，自我感觉还是实体书的手感比较好，阅读起来的感觉也很不错，而且较使用电脑，手机，阅读器来说，对人体的伤害还是比较小的，至少不会有辐射，你说是不😎😎😎 注意：此工具需要Java运行环境，我的jdk版本为1.8.0_202，大家都可以在网上搜索到安装包与安装教程。 Windows版安装包：https://306t.com/file/19365016-452457506 Mac版安装包：https://306t.com/file/19365016-452457446 首先看下没有目录的电子书。 打开ifnoelse大佬的GitHub仓库：https://github.com/ifnoelse/pdf-bookmark 下载地址：https://git ...
为你的hexo博客添加导航页
今天来说下如何在hexo博客中添加静态导航页面！（针对主题文件格式为ejs的） 首先看下效果吧！(以matery主题为例) 首先新建页面，执行下面的命令 1hexo new page navigate 修改navigate目录下的index.md的格式 123456---title: 导航date: 2020-05-09 11:19:14type: "navigate"layout: "navigate"--- 在主题配置文件中添加导航 12345678910111213141516171819202122232425262728293031323334# main menu navigation url and icon# 配置菜单导航的名称、路径和图标icon.menu: Index: url: / icon: fas fa-home 统计: url: / icon: fas fa-sitemap children: - name: 分类 url: /catego ...
Hexo博客订阅文章通知功能
一直有小伙伴催我要我写教程，关于如何实现博客文章订阅的功能，并进行推送的功能，我接触这个也不久，百度一番，最终配置成功。手动艾特我群里的那些小伙伴，教程来了😂， 借此机会宣传下我的交流群，欢迎各位小伙伴，大佬进群坐镇！😉😉😉压饭交流阁 小课堂知识大家都知道浏览器推送的通知吧，类似于这种的，这就是浏览器通知推送，只有当你同意推送，你才会收到类似的消息通知！ 对于个人博客，大家是如何订阅的呢？我想大家脑子里会马上回答👉RSS订阅。但是有多少读者订阅了博客的 RSS，又有多少收到 RSS 更新后来阅读了新文章，RSS 并不能给出任何统计数据。相比于 App 的通知推送，RSS 订阅对于博客主是静悄悄的。 那么如何实现新文章的消息推送呢？大家可能想到的只有一种方式是邮件订阅，读者访问网站的时候，输入自己的邮箱。当博客更新的时候，读者会收到邮件提醒。这听起不错，至少作者可以很轻易地对读者进行广播。但是到底有多少读者会愿意输入自己的邮箱，又有多少读者会经常检查自己的邮箱呢？邮件列表订阅这种方式我还没有具体了解过，可能是通过第三方进行订阅吧。 个人博客消息推送的渠道很少，能访问到 ...
Hexo+Github博客搭建之Matery主题个性化修改篇（二）
修改原有相册参考教程：https://yafine-blog.cn/posts/3b98.html matery主题自定义字体参考教程：https://yafine-blog.cn/posts/49fb.html 添加天气小插件首先去中国天气官网：传送门 配置自己的插件，选择自定义插件—>自定义样式——>生成代码，然后会生成一段代码，复制粘贴到 themes/matery/layout/layout.ejs，插入到</body>标签之前即可。 关于我页面添加个人简历打开theme/matery/layout/about.ejs文件，大约在13行。有一个<div class="card">标签，找出其对应结尾的标签，大约在61行左右，然后在新增如下代码： 123456789101112<div class="card"> <div class="card-content"> <div class="card-content ...
prism代码高亮主题风格展示阁
前言如何使用代码高亮插件，之前的教程中已经写过了，在这里我不再说明，接下来给大家展示下代码高亮插件所支持的主题风格有哪些以及各自的展示效果。 我使用的代码高亮主题为: shades-of-purple 代码高亮插件支持的主题风格如下： 代码支持的主题 coydarkfunkyokaidiasolarizedlighttomorrowtwilighta11y-darkatom-darkbase16-ateliersulphurpool.lightcbdarculadraculaduotone-darkduotone-earthduotone-forestduotone-lightduotone-seaduotone-spaceghcolorshopscotchmaterial-darkmaterial-lightmaterial-oceanicpojoaqueshades-of-purplesynthwave84vsxonokaidefault 以上代码高亮插件所支 ...
matery主题修改文章发布统计图的开始时间
以下是我个人的理解，是我查阅资料然后进行相关的修改而总结的，如果有误，请批评指正！ 开始写教程之前，先看一个图 那么，这个统计图的开始时间是如何计算的呢？下面我就简单的讲解下，我的JavaScript知识目前学的比较浅，献丑了。 这个实现的方法就是运用了JavaScript技术，使用的JS文件是moment.js，Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。它也有中文网站，大家可以去看下，传送门，其中有一个函数方法，为subtract()，使用方法为： 说明：通过减去时间来改变原始的 moment。 1moment().subtract(Number, String); Number取值：0-10之间的数字，当为日期和月份传入小数时，它们会被四舍五入到最接近的整数。 星期、季度、年份会被转换到日期或月份，然后四舍五入到最接近的整数。 12moment().subtract(1.5, 'months') == moment().subtract(2, 'months')mome ...
Matery主题添加loading-pages
应广大小伙伴的要求，更新一下文章，你们要的玩命加载动画教程来了，有句名言怎么说来着，我就像是海绵里的水，快要被你们挤光了。😂😂😂（我改编了一下名言） 首先在站点根目录下新建一个文件夹，名为scripts，紧接着在新建的文件夹下新建一个名为loading-pages的js文件，然后再这个js文件填入下面的代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 ...
Hexo博客新建文章自动打开编辑器
写新文章时，需要控制台执行hexo new "文章名字"，这样就会在_posts下生成一篇新文章，但需要手动打开，挺麻烦，只需要在站点根目录下新建scripts目录，然后在新建auto_open.js，在文件填入一下内容： 1234567891011var spawn = require('child_process').exec;// Hexo 2.x 用户复制这段//hexo.on('new', function(path){ //spawn('start "markdown编辑器绝对路径.exe" ' + path);//});// Hexo 3 用户复制这段hexo.on('new', function(data){ spawn('start "D:\Program Files\Typora\Typora.exe" ' + data.path);}); 其中"D ...
Hexo+Github博客搭建之域名解析与绑定篇
域名解析与绑定域名的购买流程我就不说了，相信大家应该都会购买吧，一般都会去阿里云或者腾讯云购买域名。下面就简单的说一下，如何绑定域名并进行解析。 在这里以腾讯云解析为例（我的域名是在腾讯云购买的），登录腾讯云的控制台，进入到域名管理页面，然后点击解析，进行域名的解析，如下图所示： 进入云解析列表，添加记录值如下图所示： IP地址可以提供cmd命令得到，命令为ping username.github.com，会得到来自xxx.xxx.xxx.xxx的回复，这个就是github的IP地址，将得到的IP地址填入记录值即可，如下图所示。 上面第一个行的线路类型第一次先选择默认，上面的境外路线，这是我后来配置的双部署，国内访问走coding路线，国外访问走GitHub路线。 说明： 以我的域名为例：yafine-blog.cn 提示：要解析 www.yafine-blog.cn，请填写 www。主机记录就是域名前缀，常见用法如下： 主机记录 说明 www 解析后的域名为www.yafine-blog.cn @ 直接解析主域名yafine-blog.cn * 泛解 ...
