avatar

如何基于Hexo零成本搭建博客

如何基于Hexo零成本搭建博客

准备工作:

  • 安装Node.js

    下载稳定版Node.js,安装选项一路默认。

    打开命令提示符,分行输入:

    1
    2
    node -v
    npm -v

    如果出现以下情况就证明安装成功了。

    图片加载失败惹

    图中的版本号只要第一项大于8.10即可(推荐10.0及以上)

    ​ 如果没有科学上网的话,可以使用阿里云镜像。在命令提示符输入以下命令:

    1
    npm config set registry https://registry.npm.taobao.org
  • 安装Git:

    为了能将本地静态文件更方便地传输到Github中,我们需要下载分布式版本控制工具Git

    安装选项仍然一路默认。

    安装完成后输入:

    1
    git --version

    如果出现以下情况就证明安装成功了。

    图片加载失败惹

  • 注册Github账号:

    打开Github,新建一个项目,输入自己的项目名字,后面一定要加.github.io后缀。名称一定要和你的Github名字完全一样,比如你Github名字叫detainsong,那么仓库名字一定要叫detainsong.github.io。

    然后项目就建成了,点击Settings,向下拉到最后有个GitHub Pages,点击Choose a theme选择一个主题。然后等一会儿,再回到GitHub Pages

    图片加载失败惹

    图片加载失败惹

    在地址栏输入你的用户名.github.io就能看到你的主页了。

恭喜你,前期所有准备工作都已经完成啦

搭建并初始化博客目录:

在合适的文件夹里(建议在除C盘外的盘符根目录下)右键打开GitBash,或命令提示符

按行输入以下命令:

1
2
3
mkdir blog
cd blog
git init

如果正常,应该输出以下内容:

图片加载失败惹

如果出现错误,请检查上述步骤。

安装Hexo程序:

按行输入以下命令:

1
2
npm i hexo-cli -g
hexo -v

如果正常,应该输出以下结果:

图片加载失败惹

然后继续按行输入:

1
2
hexo init
npm install

这时博客目录下应该会出现文件了。

如果没有,请检查上述步骤。

此时输入:

1
2
hexo g
hexo s

打开浏览器,输入localhost:4000即可看到网页。
Ctrl+c即可关闭。

连接Github与本机:

继续按行输入输入:

1
2
3
4
git config user.name 你的名字
git config user.email 你的邮箱
ssh-keygen -t rsa -C 你注册Github所使用的邮箱。
cat C:\Users\(电脑用户名)\.ssh\id_rsa.pub

将最后一行命令的输出全部复制。

打开Github,在头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,Title随便。

把刚才输出的一串复制到key里即可

输入ssh -T git@github.com,问Are you sure you want to continue connecting (yes/no)?时输入yes,如果出现你的用户名,则代表Github与本机连接了。

如何写文章:

输入

1
2
npm i hexo-deployer-git
hexo new post 文章标题

在博客目录下的source\_post\文章标题.md,编辑此文件。

继续按行输入

1
hexo g

打开博客目录下_config.yml

修改以下内容:

1
2
3
4
deploy:
type: git
repository: https://github.com/你的用户名/你的用户名.github.io
branch: master

保存后输入:

1
hexo d

即可将hexo推送至Github,这时打开你的用户名.github.io即可看到你的博客。

后续的博客优化:

博客优化可以查看Hexo文档进行自主优化。

如果觉得当前页面排版布局不当,可进入Hexo主题页进行挑选。

文章作者: DetainSong
文章链接: http://detainsong.github.io/2020/04/07/%E5%A6%82%E4%BD%95%E5%9F%BA%E4%BA%8EHexo%E9%9B%B6%E6%88%90%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 DetainSong的博客
打赏
  • 微信
    微信
  • 支付寶
    支付寶