Hello! 欢迎来到ZyxBlog!

简单易懂适合新手的Vercel+Hexo日记本搭建教程[纯官方无添加][取其精华去其糟粕]


avatar
psbyu 2022-12-28 2.47k

准备内容

  1. 一台任意系统的电脑(建议为Linux或Windows,小编只试过这两种操作系统,至于mac,太贵)
  2. NodeJS最新版
  3. NPM包管理器
  4. Git环境
  5. 一枚Github账户/GitLab/BitBucket
  6. 一枚Vercel账户/Netlify

正式步骤

  1. 登录GitHub,点击右上角加号——Create New Repository(创建新仓库)。随便起个名字(比如Diary, Blog, Hexo之类的),至于仓库类型,如果你不想被其他人看到就选Private(私有),反之就选Public(公开)。新手提示:GitHub近年在China地区很不稳定,如需稳定访问请自备魔法!
  2. 创建好仓库之后我们打开git-bash(Windows)或 终端(Linux)环境,输入 npm install -g hexo-cli
  3. 等待安装完成
  4. 输入hexo init <文件夹名称>。文件夹名称可以是任何合法名称。
  5. 等待初始化完成
  6. 输入cd <文件夹名称>
  7. 输入vim _config.yml进入界面 如果报错:请安装vim
  8. 在vim界面,输入i进入--INSERT MODE--,此时可以编辑。
  9. 参照官方页面内容进行自定义
  10. ESC键退出--INSERT MODE--,再输入ZZ(必须大写)即可退出vim。
  11. 依照7-10步骤编辑package.json文件参考
  12. 在终端输入git config --global user.name "<你的github用户名>"
  13. git config --global user.email "<你Github账户绑定的邮箱>"
  14. git init
  15. git remote add origin <github仓库clone地址>
  16. git add .
  17. git commit -m "<标记>"
  18. git push -u origin master(该步骤可能会要求登录,如果无法登录请尝试开启魔法)
  19. 退出终端,打开并登录Vercel
  20. 点击Create Project,授权Github账户并选择你创建的仓库
  21. 类型选择Hexo,安装命令npm install,构建命令npm run build,输出目录public,项目根目录.
  22. 点击Deploy,等待构建完成,就可以看到我们的网址啦

如何使用

一、创建文章/页面

命令行运行hexo new <类型> <文件名>

注:类型默认的有:page:页面,post:文章,也可以在scaffolds文件夹中自己配置模板。文件名同时也是标题!

二、提交

重复步骤16-18

扩展骚操作

正在持续更新中……

暂无评论

发表评论