Fork me on GitHub

搭建博客初体验

Welcome to my blog.This is my very first post.
折腾了好几天hexo配合github搭建博客成功,需要优化的还有很多,需要学习的技能也好多。建博客的过程中,遇到了好多问题,看教程的时候仿佛大家都水到渠成,只有我和成功之间隔着千山万水。ORZ记录一下遇到的问题和解决方法。

hexo+github搭建博客雏形

首先感谢打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化手把手教程。

题外话之修改hosts访问google

首先翻墙是一项必备技能,根据老D博客里的步骤替换hosts,出现了一些问题,目前仍然没能找到翻墙的正确姿势。

  1. hostipconfig/flushdns 无法使用:查找后可以通过设置path解决。
  2. 出现了谷歌学术搜索页面,但是搜索会显示“请进行人机身份验证”。

前奏之安装node.js和git

教程里很清楚了,不再赘述。


安装之后用下述代码查看是否安装成功:
1
2
$ git --version
$ node -v

<更新2022/3/20>

建议先安装nvm方便切换node版本。

nvm use 切换版本没反应。表现症状为nvm use没有创建新的node.js快捷方式。重装了nvm解决了。

装nvm步骤

  1. 下载nvm,github太不稳定了,下载不了,感谢博主的百度云链接,然后参照文章进行安装,几个注意点:文件夹名不要出现 中文空格;在运行nvm install 的时候,有可能会出现无权限安装的问题,如果遇到此问题,请 以管理员身份运行 cmd。

  2. 在nvm安装目录,找到 setting.txt用记事本打开添加如下两行:

    1
    2
    node_mirror: https://npm.taobao.org/mirrors/node/ 
    npm_mirror: https://npm.taobao.org/mirrors/npm/
  3. nvm安装npm失败的解决方法:

    手动去安装,下载地址

    1. 自己下载node对应的npm版本
    2. 解压后将文件夹重命名为npm并复制到node_modules目录下
    3. 最后将npm中bin目录下的npm以及npm.cmd复制到与node_modules目录同级目录下

接着就可以优雅切换node版本了

全局npm

重装了nvm也打算重装一下其他插件。但是切换node版本时需要重装cnpm和hexo,参考博客,设置全局npm方便不同版本公用。

  1. 修改全局安装路径和cache路径
1
2
3
4
5
npm prefix -g 
npm config get cache

npm config set prefix "E:\Users\pcc\AppData\Roaming\nvm\npm_global"
npm config set cache "E:\Users\pcc\AppData\Roaming\nvm\npm_cache"
  1. npm包全局安装路径配置在环境变量中 npm_global

hexo的安装与本地配置

  • 安装npm

    npm install -g cnpm --registry=https://registry.npm.taobao.org

  • 安装hexo

    cnpm install -g hexo-cli

做好前期准备开始安装hexo,血泪史,因为版本问题导致的惨剧,是谁说的warn信息都不用管的。

  1. 报错:local hexo not found in xxx:
    在网上各种搜索,删除项目中的package.json,执行npm init生成新的package.json替换,虽然不再报错,但是出现了新问题。
  2. 返回usage信息,hexo命令干脆不能用了,倒腾一晚上,git和nodejs确实装好了,也不是运行命令的目录不正确,最后考虑是环境变量问题。直到第二天重装node.js,确认问题是node.js版本过低所致。

部署到github出错

  1. 上传blog时的错误

    [ERR_INVALID_ARG_TYPE]: The "mode" argument must be integer. Received an instance of Object参考博客报错原因是node版本过高。因为前段时间使用vue修改了node版本为14.16.0。修改为原来的版本v10.15.3

  2. 出错提示:

    fatal:Could not read from remote repository

    原因是站点配置文件的网站写错了,参考文章。大费周章困扰好久。

  3. 错误:

    fatal: unable to access 'https://github.com…\': Empty reply from server

    解决方法:

    git config --global --unset http.proxy

    参考文章

  4. OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443 FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html

    1
    2
    3
    4
    git config --global --unset http.proxy
    git config --global --unset https.proxy
    env GIT_SSL_NO_VERIFY=true
    hexo d

发文

至此,终于在建好了博客雏形,看到网页的时候感动哭。先发文看看。

编辑博文并发表

markdown是一种标记性语言,第一次接触也可以上手很快。新手速成看这里

  1. 中文乱码:
    多半是编码问题,换个编码方式编辑。使用UTF-8编码方式,成功解决。
  2. 如何更新博客:

    1
    2
    3
    4
    5
    $ hexo new "Hello world"

    $ hexo clean
    $ hexo g -d
    $ hexo s
  3. 网易云音乐产生外部链接
    http://link.hhtjim.com/163/xxx.mp3 将歌曲链接的对应id替换xxx位置即可
    安装插件aplayer之后插入博客中见下图:

    
            
  4. 插入图片
    七牛云倒腾半天,发现提供的免费域名只能用30天, 为了图片不失效,只能买自己的域名。目前由于懒就用了在线图床SM.MS。这里有关于图床的一些介绍。

副本之博客优化

光秃秃的博客是没有灵魂的,接下来可以开始装装点点,开始幸福生活啦。 一个好的博客既要有好的内容,也要有漂亮的外在,门面嘛,既然要经营就要从内到外到经营好,于是开启了副本之漫长的优化之路。
先写到这里,优化虽然跟着教程做了一些有了一些理解,等补一些之后再来更新。

未完待续~

2021/06/01

时间一晃,博客优化还是没做哈哈哈,瞎折腾太累了。补充一下以前存的教程贴。

hexo搭建博客篇

基于Hexo+Github+Coding搭建个人博客-基础篇

基于Hexo+Github+Coding搭建个人博客-进阶篇

博主整理的还是挺清楚的。很久之前参照进阶篇进行了搜索引擎优化,好像也没有用到,依旧是没人看的小博客orz。

Google Analytics教程,谷歌分析使用方法教程

突然发现适配手机端的教程挂掉了,啊..

界面美化篇

Hexo 博客优化之实用功能添加系列

Hexo 博客优化之博客美化系列

Hexo 博客添加各种有趣又有用的小功能

评论篇

评论之前是用着valine,但是由于leancloud要求实名认证,不能用了,好吧,就很久没评论区了。

为你的Hexo加上评论系统-Valine

gitment也试过,不知道什么问题不能用,人懒,先算了吧,反正也不会有人评论的。

Hexo-Next 添加 Gitment 评论系统

先这样吧



本文标题:搭建博客初体验

文章作者:tsuki

发布时间:2019.05.07 - 10:42

最后更新:2022.03.20 - 15:39

原始链接:https://tsuki419.github.io/搭建博客初体验.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------THE END-------------
0%