介绍

在使用VScode的开发过程中，终会遇到一些简单的开发辅助功能又找不到合适插件的情况。例如：我在编写Markdown的过程中大量需要粘贴截图到文章，并且文章需要多端渲染。因此准备做一个自动上传剪切板数据到OOS并生成URL的插件。

使用模板

1. 切换到脚手架项目路径，执行npm install -g yo generator-code
2. yo code初始化项目，这里可能会因网络问题延迟几十秒

• 1. 介绍
• 2. 购买云服务
  • 2.1. 服务器
  • 2.2. 域名
  • 2.3. 对象储存服务
• 3. 配置云服务
  • 3.1. 配置服务器
• 4. 配置开发环境
• 5. 搭建Hexo框架
• 6. 配置Blog
  • 6.1. 配置到GitHub Page
  • 6.2. 换主题
  • 6.3. 添加评论系统
  • 6.4. 配置开机启动
  • 6.5. 配合对象存储服务
• 7. 日常使用

1. 介绍

• 写在最前
  想到哪做到哪写到哪，本文内容比较随性，部分步骤不一定需要，自行斟酌，如有任何疑问，评论区留。言。
• 环境
  • MacOS 10.15

2. 购买云服务

2.1. 服务器

1. 我随便选了阿里云的ECS。

2.2. 域名

2.3. 对象储存服务

3. 配置云服务

3.1. 配置服务器

1. 安装Git
2. 安装Nodejs

4. 配置开发环境

1. 下载安装FinalShell
2. 本地安装vscode-insiders
3. 安装Remote Development扩展
4. cmd+P输入remote, 使用Remote-ssh: connect to host选项
5. 按提示输入host地址，登录名，密码

5. 搭建Hexo框架

6. 配置Blog

6.1. 配置到GitHub Page

6.2. 换主题

1. 选择一个支持评论系统的主题，例如NexT
2. 下载

   1	cd your-hexo-site
   2	git clone https://github.com/iissnan/hexo-theme-next themes/next

3. 应用，在站定配置文件中修改以下字段

   1	theme: next

6.3. 添加评论系统

1. 注册LeanCloud帐号，并根据提示进行实名认证和邮箱认证。
2. 在LeanCloud控制台创建新应用，并获取应用对应的appid 和 appkey
3. 在Leancloud -> 设置 -> 安全中心 -> Web 安全域名 把Blog的域名加进去
4. 配置Hexo项目的题配置文件，添加以下内容

   1	valine:
   2	enable: true
   3	appid: your app id
   4	appkey: your app key
   5	notify: false
   6	verify: false
   7	placeholder: ヾﾉ≧∀≦)o来啊，快活啊!
   8	guest_info: nick,mail,link
   9	pageSize: 10

   6.4. 配置开机启动

   6.5. 配合对象存储服务

   7. 日常使用

新建文章

1. 创建新的文件

   1	cd your-blog-path
   2	hexo new "tittle"