关于COS搭建hexo的一些心得与整理

XiaoFu 354

这是我第一次折腾hexo博客,第一次用了一上午没有成功,但是本地测试正常,安装模板遇到了问题解决后,访问出现页面错误。然后整理了半天可以访问了
这一次我遇到的问题其实也不算问题 ,主要是没找到好看的主题 搭建了又删,又删的,很累
现在我还是慢慢分享下搭建到COS的步骤吧,做一个记录 更多的是做一个完整的过程。

第一节

本地测试,最主要的还是环境的安装,用到以下两个软件:

安装Git(https://git-scm.com/
安装node.js(https://nodejs.org/en/

第二节

本地安装步骤与初始化hexo框架需完成以下步骤:

  • 环境安装完毕后,在桌面新建一个文件夹作为博客的目录(为什么是桌面呢,因为方便 ::twemoji:proud:: )
  • 打开新建的文件夹右键选择Git Bash Here 进入命令界面
    执行以下命令:
    安装hexo命令: npm install hexo-cli -g
    查看是否安装成功:hexo -v(出现版本信息等表示安装成功)
    初始化本地文件夹:hexo init(若初始文件成功,会出现:INFO Start blogging with Hexo!您首次建立的文件夹内会出现文件)
    执行:hexo s -g(进行本地预览)预览地址为:localhost:4000 若能成功预览表示成功。停止预览Ctrl+C停止
    停止后,输入:hexo clean 清除本地缓存 出现(INFO Deleted database.)表示清除成功。
  • 如此时不打算安装模板插件 可以输入上传命令(hexo g -d)至COS

第三节

选择代码托管平台部署博客

我是选择的腾讯的COS平台,具体看你们自己怎么选择,不过估计都差不多,感觉没有什么区别
以腾讯COS为例:

  • 登录腾讯云控制中心,创建新的储存桶(访问权限建议选择公有读私有写)
  • 创建完成后,需要安装hexo-deployer-cos插件来完成上传hexo代码:
npm install hexo-deployer-cos --save

  • 接下面我们配置hexo的配置文件,首先打开根目录的_config.yml配置文件,将原来的deploy替换为下面的内容:
deploy: 
  type: cos
  appId: yourAPPID
  secretId: yourSecretId
  secretKey: yourSecretKey
  bucket: yourBucketName-yourAPPID
  region: yourRegion

细心的同学发现我的配置与hexo-deployer-cos的Github项目页面给出的配置不同,为什么呢?坑来了,该插件作者更新了插件,但是没更新Readme文档,用原作者的配置文件会报错。所以请用我给出的配置。那么具体配置如下。

假如说我的APPID是1251234567,secretId是ABCDEFGHIGKLMNOPQRSTUVWXYZ,secretKey是abcdefghijklmnopqrstuvwxyz,创建的bucket是www,region可用地区是成都,也就是ap-chengdu,这个详见准备的表格。

那么我的_config.yml中deploy配置为:

deploy: 
  type: cos
  appId: 1251234567
  secretId: ABCDEFGHIGKLMNOPQRSTUVWXYZ
  secretKey: abcdefghijklmnopqrstuvwxyz
  bucket: www-1251234567
  region: ap-chengdu

第四节

最后的部署

  • 现在你已经完成了最后的设置,最后一步就是需要部署项目到COS了,输入我们熟悉的部署命令:
hexo g -d

你会看到如下输出:

INFO  Start processing
INFO  Generating Baidu urls for last 1 posts
INFO  Posts urls generated in baidu_urls.txt
https://www.techeek.cn/2018/08/14/Ubuntu-DTS-translation/
INFO  Files loaded in 1.24 s
INFO  Generated: sitemap.xml
INFO  成功上传:E:\Desktop\临时\git\www.test.com\public\2016\06\05\Workerman-Tcp\index.html
INFO  成功上传:E:\Desktop\临时\git\www.test.com\public\2017\03\09\docker-lnmp-typecho\index.html
INFO  成功上传:E:\Desktop\临时\git\www.test.com\public\2016\09\28\dontstarve-server\index.html

好了,现在我们访问你的域名看看是否上传成功了?在浏览器打开你绑定到储存桶的域名。

我们看到项目已经上传,我们在打开COS的Bucket,看看是不是网站真的在Bucket上。

第五节

安装页面部分代码

  • 创建标签页
hexo new page tags

基本设置:

title: tags
date: 2017-12-02 21:01:24
type: "tags"
  • 创建分类
hexo new page categories

基本设置

title: categories
date: 2017-12-02 21:01:24
type: "categories"
  • 在hexo下创建一个新的文章
hexo new "文章名称"

基本设置

---
title: 文章标题
date: 2017-12-02 21:01:24
comments: true #是否可评论
toc: true #是否显示文章目录
categories: "云服务器" #分类
tags:   #标签
    - centOS
    - tomcat
---

总结

  • 关于内容均为网络收集,本人采用后无误
  • 此贴只为记录后续本人继续使用
  • 最近有点闲,折腾更像人生
  • 首页展示:https://cncyu.cn

 

博主关闭了这篇内容的评论功能
  1. 琛苏设计

    用coding会比较方便简单一点

    • Lore°
      Lore° Lv 6

      @琛苏设计 可以托管到COS吗?
      我是不想续服务器

      • 琛苏设计

        @Lore°https://blog.cssj.fun/ coding直接就可以托管,免费的,你可以看看我这篇文章https://www.cssj.fun/index.php/348.html

        • Lore°
          Lore° Lv 6

          @琛苏设计 我现在也在测试
          我试试 如果可以我会把这个数据都搬到那边去

        • Lore°
          Lore° Lv 6

          @琛苏设计并且 我每次安装会提示SHH KEY 未添加信任列表,TX 这文档看着有点蒙圈

分享
微信
微博
QQ
十年之约