Z's learning note

Search

SearchSearch

hexo

Nov 19, 2022, 5 min read

使用Hexo搭建个人页面

配置Hexo与even主题

方法一，多版本Node.js共存

  • 配置nvm

    Uninstall any existing versions of Node.js before installing NVM for Windows (otherwise you’ll have conflicting versions). Delete any existing Node.js installation directories (e.g., %ProgramFiles%\nodejs) that might remain. NVM’s generated symlink will not overwrite an existing (even empty) installation directory. Backup any global npmrc config  (e.g. %AppData%\npm\etc\npmrc) Alternatively, copy the settings to the user config %UserProfile%\.npmrc. Delete the existing npm install location (e.g. %AppData%\npm) to prevent global module conflicts.

  • 配置使用Node.js+hexo+旧even主题

    • 安装nvm-windows
    • nvm install 12.19.0 安装node-v12.19.0版本
    • nvm use 12.19.0 切换到12.19版本
    • 安装旧版hexo（好像安装了12.19版本之后不需要指定版本号，默认安装为hexo 4.3.1，使用命令npm install hexo-cli -g） npm install hexo-cli@4.0.0

方法二，使用新的兼容包配置even主题

  • 安装node 18.18.0版本 nvm install 18.18.0
  • https://github.com/ahonn/hexo-theme-even （新版even？未测试）https://github.com/7mA/hexo-theme-even
  • 安装hexo npm install hexo-cli -g npm install hexo-renderer-scss hexo-renderer-swig --save node-sass还停留在Python 2的年代，用Dart Sass替代
    • 移除node-sass（？）：npm uninstall --save node-sass
    • 安装Dart Sass：npm install --save hexo-renderer-dartsass

Hexo常用命令

  • hexo g生成静态页面
  • hexo s在本地运行服务器预览页面，浏览器访问localhost:4000
  • hexo d部署页面

Even主题

  • 如果markdown文本中有错误，使用hexo s生成的本地预览将不会更新，可以通过F5刷新判断是否输入了错误的字符串。
  • description左图右文布局
  • description中插入超链接/粗体，使用HTML标签
<a href="https://your.link.here"><b>Your link here</b></a>
  • description中使用符号：如果出现修改后预览不更新，可能是使用了非法符号，如冒号:，需要使用HTML编码替换，如&#58;

Godaddy 域名配置

CNAME

创建一个CNAME文件，内容是你的域名，如： xlau.org 然后把此文件添加到Github仓库，上传到Github。Github服务器会设置xlau.org为你的主域名，然后将www.xlau.org和kylexlau.github.com重定向到xlau.org。

DNS

登陆你的域名管理界面。创建一条A记录，指向207.97.227.245这个IP地址。 如果是用子域名，如kyle.xlau.org。只需要创建一条CNAME记录，指向kyle.xlau.org。

子域名

我以kyle.xlau.org为我的博客域名，指向Github Page。 我需要做的设置：

  • 创建CNAME文件，内容为kyle.xlau.org。
  • 登陆域名管理，创建CNAME记录，kyle -> kylexlau.github.com。

Hexo depoly出现问题

Did you try to remove the node_modules directory and re-run npm install?

Temporarily solution : You have to downgrade to a stable version of Hexo by setting "hexo": "hexo.stable.version" in your package.json or you can add your own filter to do the job in the scripts folder of your theme. This file will be using at the startup of Hexo. Name the file : excerpt.js. The full path will : your-blog/themes/next/scripts/excerpt.js

var rExcerpt = /<!-- ?more ?-->/;

hexo.extend.filter.register('after\_post\_render', function(data) { var content = data.content;

if (rExcerpt.test(content)){  
 data.content = content.replace(rExcerpt, function(match, index){  
 data.excerpt = content.substring(0, index).trim();  
 data.more = content.substring(index + match.length).trim();

return '<a id="more"></a>';  
 });  
 } else {  
 data.excerpt = '';  
 data.more = content;  
 }  
});

It should work.

From http://stackoverflow.com/questions/32933052/hexo-excerpt-more-not-working-after-update

要这样写：

deploy: 

type: git 

repo: git@github.com:username/username.github.io.git

来自 https://www.v2ex.com/t/289610

还没测试过

Well I had the same problem - what annoys me to no end is that I don’t have a clue why (edit: bug). I was pushing with https. Manually editing the config did not work for me (or doing a chkdsk as suggested in another answer). I ended up pushing with ssh - as in, replace: https://github.com/USER/REPO.git with git@github.com:USER/REPO.git

来自 <http://stackoverflow.com/questions/20871549/error-when-push-commits-with-github-fatal-could-not-read-username>

dixyes 230 天前 via Android

或许你该试试到.deploy_git 目录手动 push 下试试 看看 git 提示啥错误

来自 https://www.v2ex.com/t/289610

测试通过

markdown

http://www.jianshu.com/p/q81RER

So, the final document that is sure to work in all (most?) Markdown parsers would look like this:

\# Rule 1  
Description for rule 1.

<div style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px dotted #e0e0e0; -moz-column-rule: 1px dotted #e0e0e0; column-rule: 1px dotted #e0e0e0;">  
 <div style="display: inline-block;">  
 <h2>Good</h2>  
 <pre><code class="language-c">int foo (void)  
{  
 int i;  
}  
</code></pre>  
 </div>  
 <div style="display: inline-block;">  
 <h2>Bad</h2>  
 <pre><code class="language-c">int foo (void) {  
 int i;  
}  
</code></pre>  
 </div>  
</div>

来自 https://stackoverflow.com/questions/30514408/two-columns-code-in-markdown

<div style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px dotted #ffffff; -moz-column-rule: 1px dotted #ffffff; column-rule: 1px dotted #ffffff;"><p>Good</p><p>Bad</p></div>

css字体修改

http://picsvg.com/的invert#4

然后去iconmoon.io/app 上传已有的svg，并添加要加入的Logo 调整好大小之后选定，右下角generate font uniE60D,下方是\e60d，记得要修改，然后download，取出font的内容替换掉iconfont，并修改css

Backlinks

  • No backlinks found