Code Monkey home page Code Monkey logo

cos_blogs's Introduction

cos 的博客

Hexo + Shoka 主题 + vercel 搭建的属于自己的博客站点

所有博客如果遇到问题、文章错漏可以直接 issue 反馈

通过 vercel 部署,强烈安利 vercel!个人版一个月 100G 流量,小站点完全够用~

用 Markdown 写文章的感觉并且集中真的超级棒!

我也想整一个自己的博客?

前提:注册一个 github 账户和 vercel 账号

直接 fork 这个仓库然后 vercel 中导入,直接部署,然后就可以清空 source 文件夹下我的博客,变成自己的啦

当然,默认的是 shoka 主题,如果想要改成别的去看看 hexo 的教程以及下面这些就懂了~

一些教程

快速开始

首先,将这个博客 clone 到本地(

git clone [email protected]:yusixian/cos_blogs.git
cd cos_blogs

进入博客目录后(首先要有node.js环境)

  1. 全局安装 hexo 命令行工具
# 全局安装hexo命令行工具
npm install hexo-cli -g
# 或者
yarn install hexo-cli -g
  1. 安装依赖
npm install
# 或者
yarn
  1. 生成静态网站及预览
# 生成静态网站
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 相关配置文件

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.