叶落花开的博客

【Hexo教程-从零开始搭建个人博客】5、Hexo博客部署到GitHub Pages

发表于2022-01-26|Web技术Hexo搭建博客教程

前言

完成Hexo博客搭建指南前面几个章节的流程后，本地的Butterfly主题的Hexo博客已经能运行起来了，下面的工作就是要把博客发布到GitHub Pages。

本文主要解决如下4个问题：

1、怎么创建GitHub Pages仓库
2、怎么把本地的Hexo博客部署到GitHub Pages
3、解决使用git时报错：fatal: unable to access 'https://***.github.io/': Received HTTP code 400 from proxy after CONNECT
4、解决使用git时报错：remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.

hexo-abbrlink生成的文章链接undefind.html问题解决

发表于2022-01-26|Web技术

使用Hexo博客的过程中，为了生成简洁且唯一链接不变的URL链接，我使用了hexo-abbrlink插件：

npm install hexo-abbrlink --save

然后再Hexo根目录下_config.yml里增加如下配置：

# 修改原链接格式：permalink: :year/:month/:day/:title/
permalink: posts/:year/:month/:abbrlink.html
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 进制：dec(default) and hex
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

解决electron打包时下载nsis等依赖慢的问题

发表于2022-01-23|Web技术Electron

初次学习使用Electron，在打包第一个入门应用时就出现了老大难的问题，npm run package命令在运行时会去下载github的资源（如nsis、winCodeSign等），但是这个速度可就太感人。慢就不说了，最后还赤果果的用一大串红字告诉我打包失败。
报错信息如下：

安装electron失败：npm ERR electron@16.0.5 postinstall: node install.js

发表于2022-01-23|Web技术Electron

安装Electron时报如下错误：

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! electron@16.0.5 postinstall: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the electron@16.0.5 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

如图所示：

【Hexo教程-从零开始搭建个人博客】4、Hexo安装主题

发表于2022-01-21|Web技术Hexo搭建博客教程

前言

初步使用了Hexo后，你是否对Hexo的默认主题不满意呢？本篇文章将教你如何安装及美化hexo主题。
如果你还没安装和使用Hexo，请参考Hexo博客搭建指南。

通过查看Hexo安装目录的_config.yml配置文件，我们可以了解到Hexo的默认主题是landscape。

theme: landscape

更多的主题可以去 https://hexo.io/themes/了解，诸位可以根据自己的喜好选择合适的主题，这里我推荐几个。

【Hexo教程-从零开始搭建个人博客】3、Hexo安装和使用

发表于2022-01-20|Web技术Hexo搭建博客教程

1、安装Hexo

Hexo就是我们的个人博客网站的框架，这里需要自己在电脑常里创建一个文件夹，可以命名为MyBlog，Hexo框架与以后你自己发布的网页都在这个文件夹中。

这里以在D:/Code/MyBlog目录下安装Hexo为例,首先在命令行中进入目录：

d: & cd D:/Code/MyBlog

使用npm命令安装Hexo，输入：

npm install -g hexo-cli