SideSlipLayout 整体侧滑菜单

SideSlipLayout 是参照安卓原生控件 DrawerLayout 打造的一个整体侧滑菜单，本文将主要介绍其实现效果、大致实现过程及滑动冲突的解决方式。1. 预览 单独使用 与三方库一起使用 2. 新建控件我们先新建 SideSlipLayout 控件，由于我们定义的控件需要包含子控件，所以要继...

Github Pages + Jekyll 搭建个人网站系列（五）

附加功能

本章是 “Github Pages + Jekyll 搭建个人网站系列” 的最后一章，主要探讨一下 Jekyll 静态博客网站的搜索、分类、标签和评论问题。由于 Github Pages 不支持 Jekyll 插件，如果不想做本地转换，需要使用 JavaScript 实现 Jekyll 官方不支持的功能。1. 搜索Jekyll 官方并没有提供搜索功能，想要实现搜索，可以使用 Simple-...

Github Pages + Jekyll 搭建个人网站系列（四）

主题模板

前一章我们了解 Jekyll 项目的网站配置及文章的显示，到这对 Jekyll 项目的认识基本结束了，剩下的工作就是安排页面布局和美化页面。为了快捷便利的搭建个人网站 Jekyll 提供了许多 主题模板，Github 上也有许多开源的博客项目可以 fork 。这章主要讲解如何使用主题模板。1. 选择主题访问 [Jekyll主题官网](http://jekyllthemes.org/)，选择...

Github Pages + Jekyll 搭建个人网站系列（三）

网站配置&文章显示

前一章我们了解了 Jekyll 项目的目录结构，初步认识了模板及其作用。本章将介绍网站配置及文章内容显示相关的内容。1. 网站配置文件 _config.yml 中保存着我们的网站配置，修改 项目demo 的配置文件，内容如下：# 网站标题title: "Viifo's Blog"# 电子邮件email: your-email@example.com# 网站描述description: "We...

Github Pages + Jekyll 搭建个人网站系列（二）

模板修改

前一章我们通过 jekyll new project_name 命令新建了一个 Jekyll 项目，其内容较为简单，不能满足个人网站的需求，我们现在开始着手修改。1. 目录结构在开始对项目进行修改前，我们有必要先了解 Jekyll 项目的目录结构，在前一章我们新建的 Jekyll 项目的目录结构如下所示：.+-- _posts╎ └── 2021-09-22-welcome-to-jek...

Github Pages + Jekyll 搭建个人网站系列（一）

简单尝试&环境搭建

本系列将讲解如何使用 Github Pages 和 Jekyll 搭建个人网站，先介绍下 Github Pages 和 Jekyll： Github Pages ：一个 Github 仓库，放置我们的个人网站；同时 Github 免费给我们提供了一个用于访问该网站的域名 github_username.github.io，其中 github_username 是您在 Github ...

Github Pages + hexo搭建个人网站系列（四）

主题推荐

前一章我们讲解了搜索、分页和文章目录功能，目前 Hexo 项目的开发已经基本讲解完成，更多内容请查看 官方文档。本章将简单推荐几个 Hexo 主题模板，和主题的下载网站。1. 主题下载Hexo 主题可以从 Hexo官方主题网站 或者 Search · hexo themes · GitHub 进行下载，下面以 Hexo官方主题网站 为例介绍主题下载。检索主题，点击标题跳转 Github 仓库...

Github Pages + hexo搭建个人网站系列（三）

搜索&分页&文章目录

前一章我们讲解了主题和模板的创建，并且在首页列出了文章列表，点击文章列表显示文字内容，本章将要讲解搜索功能和文章目录功能的实现。1. 搜索搜索功能我们可以通过插件 hexo-generator-search 实现，其作用是生成一个包含所有文章信息的 xml 或 json 文件，通过检索这个文件进行关键字匹配，得出搜索结果。但是此插件并不提供检索关键字功能，只是生成了用于检索的文件，所以我们需...

Github Pages + hexo搭建个人网站系列（二）

主题&模板

前面我们讲解了 Hexo 本地环境的搭建并了解了如何新建一个 Hexo 项目，本章将对 Hexo 的目录结构进行讲解，并定义一个属于自己的主题。若您只想修改和使用现有模板，可以在了解 Hexo 目录结构后直接阅读第三章。1. 目录结构前面我们已经运行并一键部署了项目 hello-hexo ，本项目当前的目录结构如下所示：.+-- .deploy_git+-- .github+-- node_...

Github Pages + hexo搭建个人网站系列（一）

简单尝试&环境搭建

前面我们讲解了 Github Pages + Jekyll 搭建个人网站系列，本系列将讲解如何使用 Github Pages 和 Hexo 搭建个人网站，先介绍下 Github Pages 和 Hexo： Github Pages ：一个 Github 仓库，放置我们的个人网站；同时 Github 免费给我们提供了一个用于访问该网站的域名 github_username.githu...