mirror of https://gitlab.com/curben/blog
55 lines
4.8 KiB
Markdown
55 lines
4.8 KiB
Markdown
[curben.netlify.com](https://curben.netlify.com/)
|
|
===
|
|
|
|
[](https://app.netlify.com/sites/curben/deploys)
|
|
[](https://gitlab.com/curben/blog/-/jobs)
|
|
[](https://www.npmjs.com/package/hexo)
|
|
|
|
Forked from GitLab's [Hexo](https://gitlab.com/pages/hexo) example with [Typing](https://github.com/geekplux/hexo-theme-typing) theme.
|
|
|
|
## Installation
|
|
|
|
Refer to [this post](https://curben.netlify.com/2018/09/21/how-to-create-a-hexo-blog/) for more detailed instruction.
|
|
|
|
|
|
### Plugins
|
|
- Installed [hexo-nofollow](https://github.com/curbengh/hexo-nofollow) for SEO purpose to prevent search engines from following external links.
|
|
- Installed [hexo-yam](https://github.com/curbengh/hexo-yam) to pre-compress static assets (html, css, js and svg).
|
|
- [copy-button.js](/scripts/copy-button.js) - A [filter](https://hexo.io/api/filter) plugin to add a copy button to each code block.
|
|
- [feed](/scripts/feed) - A generator plugin to generate [an RSS feed](https://en.wikipedia.org/wiki/Web_feed). Modified from [hexo-generator-feed](https://github.com/hexojs/hexo-generator-feed) to use `post.lastUpdated` instead of `post.updated`.
|
|
- [heading-link.js](/scripts/heading-link.js) - A filter plugin to add a link button next to each heading.
|
|
- [image.js](/scripts/image.js) - A [tag](https://hexo.io/api/tag) plugin to easily embed images in a post with responsive image support.
|
|
- [link.js](/scripts/link.js) - A [helper](https://hexo.io/api/helper) plugin to add a link. Modified from [link_to.js](https://github.com/hexojs/hexo/blob/master/lib/plugins/helper/link_to.js) to remove title attribute and 'external' option.
|
|
- [openGraph](/scripts/openGraph.js) - A helper plugin to add [Open Graph](https://ogp.me/) tags. Modified from [open_graph.js](https://github.com/hexojs/hexo/blob/master/lib/plugins/helper/open_graph.js) to use additional [Open Graph](https://www.ogp.me/) tags and [WHATWG URL API](https://nodejs.org/api/url.html#url_the_whatwg_url_api).
|
|
- [sitemap](/scripts/sitemap) - A [generator](https://hexo.io/api/generator) plugin to generate [a sitemap](https://en.wikipedia.org/wiki/Sitemaps). Modified from [hexo-generator-sitemap](https://github.com/hexojs/hexo-generator-sitemap) with this [patch](https://github.com/hexojs/hexo-generator-sitemap/pull/26) to include tags/categories and [remove](https://github.com/pyyzcwg2833/hexo-generator-sitemap/commit/a92dbbb83cc39ff60d43faa5cd688a56574a3889) [index.html](https://github.com/hexojs/hexo-generator-sitemap/pull/59) from the URL.
|
|
|
|
## Changes
|
|
The following are the major changes I made compared to the upstream.
|
|
|
|
### [Hexo](https://gitlab.com/pages/hexo) site
|
|
- Updated [.gitlab-ci.yml](.gitlab-ci.yml) to use the latest version of [Node.js](https://hub.docker.com/_/node/) in Alpine docker image.
|
|
- [All packages](package.json) are installed from their respective master branch, instead of npm published version.
|
|
- Removed unused packages, [hexo-generator-category](https://github.com/hexojs/hexo-generator-category) and [hexo-renderer-stylus](https://github.com/hexojs/hexo-renderer-stylus) from the [default packages](https://github.com/hexojs/hexo-starter/blob/571320ba41a83e065d7560e050eb3fa63ad74a57/package.json#L9-L17).
|
|
- Replaced the bundled Landscape theme with Typing theme.
|
|
- Add `lastUpdated` to the front-matter to manually set updated time of a post, instead of using `post.updated`.
|
|
|
|
### [Chameleon theme](/themes/chameleon)
|
|
Chameleon is a fork of [Typing](https://github.com/geekplux/hexo-theme-typing) theme, rewrite from scratch with the following changes/features:
|
|
|
|
- [sanitize.css](https://github.com/csstools/sanitize.css/) and [autoprefixer](https://github.com/csstools/sanitize.css/) for consistent cross-browser styling.
|
|
- Utilise [relative length](https://www.w3schools.com/CSSref/css_units.asp) instead of absolute length in the css.
|
|
- [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) to apply light/dark theme according to the OS preference.
|
|
- Add a [Copy](https://clipboardjs.com/) button to each code block.
|
|
- Removed jQuery, fancyBox, web analytics, comment plugins, donation links and [typo.css](https://github.com/sofish/typo.css).
|
|
- Homepage shows index of posts (same as /archives).
|
|
|
|
## License
|
|
The content of this blog is licensed under the [CC-BY-SA license](https://creativecommons.org/licenses/by-sa/4.0/), and the underlying source code used to format and display that content is licensed under the [MIT license](LICENSE.md), unless indicated otherwise.
|
|
|
|
---
|
|
Useful links:
|
|
|
|
- [Hexo Docs](https://hexo.io/docs/)
|
|
- [GitLab Pages](https://docs.gitlab.com/ee/user/project/pages/index.html)
|
|
|