美文网首页Hexo博客踩坑指南
【2020-05-12】Hexo简单搭建

【2020-05-12】Hexo简单搭建

作者: Brose | 来源:发表于2020-05-12 23:07 被阅读0次

Hexo博客的搭建

  • 创建文件夹,命名为blog(放在一个不易删除的地方)。

  • 用VS Code 打开创建的blog文件夹。


    VS Code 打开文件夹
  • 用VS Code 中选择打开新终端。


    新终端
  • 在终端中输入:npm install hexo-cli -g 等待加载完成


    加载对应代码文件
  • 加载完成后,在终端中输入:hexo init blog 创建blog子文件夹,创建完成后,左侧目录下就会生成blog的文件夹(可能有点慢,稍微等待下)。


    image.png
  • 然后终端中输入:cd blog 进入刚创建的目录

  • 再输入:npm install 等待加载完成。


    进入文件夹
  • 一切就绪输入:hexo server 就可在本地浏览器查看搭建的博客了(鼠标点击图中标记的地址)。
    注:hexo server 缩写:hexo s。按住Ctrl+C可以推出本地预览。


    生成

*编写第一篇博客,在终端中输入:hexo new "one",系统会自动生成一篇博客。可以在如图目录下查看,并进行编辑,保存。再次执行:hexo s,在浏览器中预览。


one
生成
预览

相关文章

网友评论

    本文标题:【2020-05-12】Hexo简单搭建

    本文链接:https://www.haomeiwen.com/subject/kakwnhtx.html