博客更新内容(二)

使用coding-WebIDE搭建博客

前言

点击进入Coding >>

最近由于学习需求,需要频繁在linux和windows系统之间切换,并且linux系统需要不断配置有时候还得重新安装,这样在本地创建的博客环境需要不断配置,而且可能不小心遗失源文件。在室友的推介下发现了可以在coding中创建仓库来保存博客源文件,并且可以使用WebIDE在线搭建博客环境来写博客,并保存在仓库里。

WebIDE其实是一个在线的ubuntu系统,所有操作和在ubuntu中的操作无异,很容易上手。里面集成许多常用的环境(包括Hexo和一些前端环境等),可以直接点击使用。

Coding可以创建博客页面,支持静态和动态,当然也可以使用WebIDE对github博客页面仓库进行操作。

使用

参考官方博客使用 WebIDE 搭建 Hexo 个人博客

  • 创建Hexo私有仓库
  • 点击WebIDE进入环境
  • 点击右侧的运行环境选择ide-tty-hexo使用
  • 环境搭好基本可以参考Hexo的文档一步一步配置
hexo init blog
cd blog
npm install

接下来就可以将本地的博客文件、配置文件等上传到WebIDE中,WebIDE现在还不能上传文件夹,只能创建并右击相应文件夹上传文件。

  • 接下来需要连接到github远程仓库,可以手动添加公钥,这里推介使用WebIDE里的设置,点击coding主页导航上IDE,点击右上角的个人设置可以直接关联Github,会自动在Github上添加公钥。
  • 使用ssh -T git@github命令测试是否连接成功,第一次需要手动yes
  • 配置git环境变量
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
  • 这样就可以对博客进行生成、本地预览、部署了,在使用hexo s后,点击WebIDE右边的访问链接,添加4000端口,实行预览
  • 最后,git add .git commit -m "message"git push将博客源文件保存到仓库中,由于.gitignore文件已经添加了不需要保存的文件,不需要自己去添加了。

    注意:免费Coding用户只能使用一个WebIDE工作空间,想要在其它仓库新建工作空间,需要将Hexo工作空间删除,当然不建议这样做,虽然源文件不会有所损失,但是当重新创建Hexo工作空间时还需要进行如上一些个人的配置。如果需要多个工作空间建议购买会员,相比服务器来说还是很便宜的。

更新hexo next主题

参考Next中文文档

由于博客原版本太老,很多配置都和新版本出入太大,且原版本解耦不是很好,需要安装比较新的Next主题,并对一些配置进行修改和优化。

将Next主题配置文件分离

  1. 使用Hexo 3.x的新特性,在在站点中创建source/_data文件夹,新建next.yml文件
  2. 如果是新安装的主题,将主题配置复制到next.yml中并修改,主题配置文件不需要修改
  3. 若是之前有将配置写在站点的 _config.yml 里,把这个文件里主题相关的配置剪切到 next.yml 里去;同时将主题下 _config.yml 里面的配置也拷贝过去,相当于是全部合并到 next.yml 中去了
  4. 使用--config source/_data/next.yml参数启动服务器, 生成或者部署。

    例如: hexo clean --config source/_data/next.yml && hexo g --config source/_data/next.yml

这样就实现了个人配置与默认配置的解耦,更新主题时比较方便

title keywords description修改

根据SEO优化:请正确设置title,keywords,description,良好的title,keywords和description可以提高网站的排名,所以将原来在站点配置文件中随意写的title(subtitle)description和主题配置中的keywords修改。

在主题配置文件中修改

# Change headers hierarchy on site-subtitle (will be main site description) and on all post/pages titles for better SEO-optimization.
seo: true

# If true, will add site-subtitle to index page, added in main hexo config.
# subtitle: Subtitle
index_with_subtitle: true

修改其他主题配置

# 添加本地搜索
local_search:
  enable: true

# 添加动画
canvas_nest: true
# 手机体验不好,已经去掉

相关博文: