Hexo 7.0 + Freemind + Travel
https://hexo.io/news/2023/11/03/hexo-7-0-0-released/
https://github.com/wzpan/hexo-theme-freemind/
https://github.com/ktkr3d/hexo-theme-freemind-travel
Hexo 7.0 がリリースされたので新規に環境を構築してみよう。
FreemindテーマとTravelカラーテーマを設定します。
環境
- WSL(Ubuntu 22.04) on Windows 11
- nodejs v20.10.0
- npm 10.2.3
- hexo 7.0.0
構築
- Hexo 7.0のインストール
https://hexo.io/
npm install hexo-cli -g |
- Freemind テーマのインストール
https://github.com/wzpan/hexo-theme-freemind
git clone https://github.com/wzpan/hexo-theme-freemind.git themes/freemind |
mv themes/freemind/_config.yml _config.freemind.yml |
Freemind-Travel カラーテーマのインストール
https://github.com/ktkr3d/hexo-theme-freemind-travel
zipをダウンロードして以下のように配置themes/freemind/source/favicon.pngthemes/freemind/source/css/themes/travel.cssthemes/freemind/source/img/travel.pngHexo の設定 (Freemind テーマを指定)
theme: freemind |
- Freemind テーマの設定 (Travel カラーテーマを指定)
theme: travel |
実行
- hexo サーバの起動
hexo s |
- ブラウザで
http://localhost:4000を開く - hexo サーバの終了はCtrl+C
Related Articles
2015-01-31
Octopress to Hexo
http://hexo.io/http://hexo.io/docs/https://github.com/wzpan/hexo-theme-freemind ブログをOctopress からHexo に変更してみました。 node.js のインストール$ sudo apt-get install build-essential libssl-dev curl git$ git clone git://github.com/creationix/nvm.git ~/.nvm$ source ~/.nvm/nvm.sh$ nvm install v0.10 ~/.bashrc[[ -s "$HOME/.nvm/nvm.sh" ]] && . "$HOME/.nvm/nvm.sh"nvm use v0.10 > /dev/nullexport NODE_PATH=${NVM_PATH}_modules Hexo のインストール$ npm install -g hexo$ hexo init h...
2015-02-05
Hexo Helper Shell Script
Hexo をGUI で支援するスクリプトをzenity で書いてみました。 シェルスクリプトコマンドラインでHEXO を操作できる環境が整っていることが前提です。 /PATH/TO/hexo-helper.sh#!/bin/bash[[ -s "$HOME/.nvm/nvm.sh" ]] && . "$HOME/.nvm/nvm.sh"nvm use v0.10 > /dev/nullexport NODE_PATH=${NVM_PATH}_modulesSOURCE_REPOSITORY=bitbucketif [ $# -lt 1 ] ; then zenity --error --text="Usage: hexo-helper.sh hexo_path" exit 1fiHEXODIR=$1if ! [ -d $HEXODIR ] ; then zenity --error --text="Bad directory." exit 1...
2016-08-30
Hexo update
codeblock の表現を柔軟に設定するために、Hexo をアップデートしてみました。以下の構文で利用できます。開発者の皆さんに感謝です。 {% codeblock [title] [lang:language] [url] [link text] [line_number:(true|false)] [highlight:(true|false)] [first_line:number] %} code snippet{% endcodeblock %} Hexo のアップデート$ sudo npm update hexo -g$ npm update _config.yml4041424344highlight: enable: true line_number: false auto_detect: false tab_replace: 動作確認行番号なし$ pwd 行番号ありsample.c123456#include <stdio.h>main( ){ printf(&qu...
2016-12-30
My Docker Hexo
https://github.com/ktkr3d/docker-hexo Hexo をDocker Compose を使って動かしてみました。 Dockerfile の準備node:alpine をベースにテーマで使用するモジュール群と、Web から更新するためのhexo-adminを追加しています。 ./DockerfileFROM node:alpineMAINTAINER ktkr3d <ktkr3d@gmail.com>WORKDIR /hexoRUN \ apk add --no-cache git openssh-client \ && npm install hexo-cli -g \ && hexo init . \ && npm install \ && npm install hexo-generator-sitemap --save \ && npm install hexo-generator-feed --save \ &&...
2018-11-19
Hexo Admin Plugin Customize
https://github.com/jaredly/hexo-admin/pull/133/filesHexo Admin の新規記事ファイル名をカスタマイズしてみました。 解決する課題Hexo Admin プラグインで新しい記事を作成すると、_config.ymlのnew_post_nameで指定した形式のファイル名になりません。 有志の方のプルリクエストを適用することにより、Publish ボタンを押下した際に_postディレクトリ下にnew_post_nameで指定した形式のファイル名でマークダウンファイルを生成することができます。 Hexo Admin Plugin のインストール$ npm install --save hexo-admin プルリクエストの適用https://github.com/jaredly/hexo-admin/pull/133/files 上記に従い、以下のファイルを編集します。 ./node_modules/hexo-admin/api.js ./node_modules/hexo-...
2019-05-25
HexoでMermaidダイアグラム
graph LR; linkStyle default interpolate basis A(ONU)-- IPv6 -->B(v6対応ルータ); B-->C[物理PC]; C-->D[仮想サーバ]; B-->E[ノートPC] B-->F(一般ルータ); F-->B; F-->G[OpenVPNサーバ]; https://mermaidjs.github.io/ https://github.com/webappdevelp/hexo-filter-mermaid-diagrams https://wangxiaoyu-go.github.io/2018/11/23/hexo-filter-mermaid-diagrams/ Hexo でMermaid ダイアグラムを書いてみました。 2025-03-22 追記 テーマ変更に伴い、今後hexo-theme-butterflyのタグプラグインに書き換えが必要 一旦ダークテーマにして戻すと正しく表示されるが...
Comments