美文网首页
用 Hexo 快速搭建博客

用 Hexo 快速搭建博客

作者: 不吃_早餐 | 来源:发表于2020-05-13 23:33 被阅读0次

    如何做到一毛不拔的搭建网站

    aaa

    以下操作全程使用管理员权限,因为我不清楚哪里会出现 permission denied


    1.下载 nodejs

    nodejs

    对应 windows 用户,下载对应的 ".msi" 的文件安装就行

    Linux和Mac用户...此处省略


    安装成功后可以查看版本

    node -v
    
    npm -v
    

    version

    为方便国内使用,可以把npm换成taobao的cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    2.本地搭建

    安装 hexo

    cnpm install -g hexo-cli
    

    查看版本,验证成功

    hexo -v
    

    创建一个文件夹,比如名为 blog

    mkdir blog
    

    进入 blog , 初始化hexo

    hexo init
    

    等他完事后,可以在 http://localhost:4000/ 下本地预览

    如图 :

    hexo s
    

    s

    如果新建一篇文章

    文件名最好为英文,方便操作

    hexo n name
    

    他会在 source/_posts 下生成一篇名为 name 的 markdown 文件,内容自己写

    3.推到远端

    登录你的 github , 新建一个仓库

    github

    仓库名为 用户名.github.io 用户名小写

    repo_name

    现在是个空仓库

    empty

    回到终端下

    安装 hexo-deployer

    cnpm install --save hexo-deployer-git
    

    修改 _config.yml 文件

    在 blog 目录下

    如图修改最下面 , repo 改为自己的仓库地址

    depolyer

    部署到远端

    hexo d
    
    done

    你可以刷新 github 仓库, 里面已经有东西了

    unempty

    完事


    你的博客地址就是:

    用户名.github.io

    4.更换主题

    hexo 主题 : https://hexo.io/themes/

    每个主题里都有说明

    比如:lx

    在 blog 目录下

    git clone https://github.com/blleng/hexo-theme-lx themes/lx
    

    按照他说明的改一下就行了

    把 blog/_config.yml 里的 theme 改成要换的主题名就完事了, 把 landscape 改成 lx

    depolyer

    本地预览一下

    hexo clean
    
    hexo s
    

    如果渲染不出来,尝试安装以下解决

    cnpm install  hexo-renderer-pug hexo-renderer-stylus hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-generator-archive --save
    

    推到远端

    hexo g
    
    hexo d
    

    5.常用命令总结 :

    创建一篇新文章
    hexo n example
    ---
    清理旧的数据
    hexo clean
    ---
    重新生成一下
    hexo g
    ---
    部署到远端
    hexo d
    

    _The End

    相关文章

      网友评论

          本文标题:用 Hexo 快速搭建博客

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