Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yusixian/cos_blogs
（重构进行中）Hexo + Shoka主题 + vercel搭建的属于自己的博客站点
https://github.com/yusixian/cos_blogs
Last synced: about 20 hours ago
JSON representation
（重构进行中）Hexo + Shoka主题 + vercel搭建的属于自己的博客站点
- Host: GitHub
- URL: https://github.com/yusixian/cos_blogs
- Owner: yusixian
- Created: 2022-05-06T19:05:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-10T11:49:55.000Z (6 months ago)
- Last Synced: 2024-05-10T12:55:05.614Z (6 months ago)
- Language: Stylus
- Homepage: https://ysx.cosine.ren
- Size: 155 MB
- Stars: 25
- Watchers: 1
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# cos 的博客
Hexo + Shoka 主题 + vercel 搭建的属于自己的博客站点
**所有博客如果遇到问题、文章错漏可以直接 issue 反馈**
通过 vercel 部署，强烈安利 vercel！个人版一个月 100G 流量，小站点完全够用~
用 Markdown 写文章的感觉并且集中真的超级棒！
## 我也想整一个自己的博客？
前提：注册一个 github 账户和 vercel 账号
直接 fork 这个仓库然后 vercel 中导入，直接部署，然后就可以清空 source 文件夹下我的博客，变成自己的啦
当然，默认的是 [shoka 主题](https://github.com/amehime/hexo-theme-shoka)，如果想要改成别的去看看 hexo 的教程以及下面这些就懂了~
### 一些教程
- 用 vercel 部署 -> [如何使用 vercel + hexo 搭建博客](https://zhuanlan.zhihu.com/p/342790013)
- 不想用 vercel？ -> [Hexo + GitPage 搭建个人博客](https://www.jianshu.com/p/d9dff0bf5da5)
- shoka 主题官方教程 -> [Hexo 主题 Shoka 使用说明](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/)
- [**🚀 快速开始**](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/) -> [💌 依赖插件](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/dependents/) -> [📌 基本配置](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/config/) -> [🌈 界面显示](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/display/) -> [🦄 特殊功能](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/special/)
- 关于 shoka 主题我自己总结的一篇配置记录: [Hexo 博客 Shoka 主题配置记录](https://ysx.cosine.ren/hexo-shoka-config/)
## 快速开始
首先，将这个博客 clone 到本地（
```bash
git clone [email protected]:yusixian/cos_blogs.git
cd cos_blogs
```
进入博客目录后（首先要有[node.js](https://nodejs.org/en/download/)环境）
1. 全局安装 hexo 命令行工具
```bash
# 全局安装hexo命令行工具
npm install hexo-cli -g
# 或者
yarn install hexo-cli -g
```
2. 安装依赖
```bash
npm install
# 或者
yarn
```
3. 生成静态网站及预览
```bash
# 生成静态网站
hexo g
# 本地预览
hexo s
```
## 目录说明
```
cos_blogs
├─ package.json
├─ README.md
├─ scaffolds 存放生成草稿/文章/页面基础模板
│ ├─ draft.md
│ ├─ page.md
│ └─ post.md
├─ source
│ ├─ about 关于我的页面
│ ├─ friends 友链页面
│ ├─ img 静态图片资源：文章首图等
│ ├─ musics 歌单页面
│ ├─ _data 翻译文件，用于翻译文章
│ │ └─ languages.yml 自定义菜单等处显示的文字
│ ├─ _drafts 草稿文章 不会发布
│ └─ _posts 已发布的文章
├─ themes 主题目录
│ └─ shoka shoka 主题
│ ├─ languages 语言
│ ├─ layout 一些 HTML 模板等
│ ├─ source 主题源码
│ └─ _images.yml 随机图库列表
├─ yarn.lock
├─ _config.shoka.yml shoka 主题相关配置
└─ _config.yml hexo 相关配置文件
```