从零搭建个人博客

从零搭建个人博客(win10)

1.环境准备

  • node(用于博客的生成)

    • 你可以去官网下载。也可以从资料中拿到。至于安装。双击运行。 一直下一步就行。

    • 测试环境是否安装成功!

      image-20210326141347187

    • 新版的node自动会集成npm包管理器。如果查看版本号成功就证明环境成功了。

    • 如果安装包过程中太慢可以将镜像源切换到淘宝。

       

  • git(用于博客的发布)

    • 官网下载。照样可以从资料中拿到。

    • 安装也非常简单。也是下一步,下一步。

    • 测试环境是否成功!

      image-20210326141852183

2.开始安装

2.1 安装hexo博客框架

  • 记得以管理员身份打开命令行工具

  • 命令

     

  • 运行结果

     

image-20210326151833921

 

2.2 初始化博客目录

  • 新建一个空白目录(blog)。任何地方都行。建议不要在c盘。

  • cd 进入blod。

    • 等待一段时间。等他初始化完成。

2.3 运行博客系统

2.4 写第一篇自己的博客

  • 使用资料包中的 typro来书写博客。因为是markdowm格式。

  • 特别注意,每一次新建博客,如果没有没有实时更新。执行一次hexo clean

 

 

3.发布到云端

3.1 注册码云账户

  • 注册一个码云账户。

  • 新建仓库名字 一定要和自己的昵称一样 否则会加载不到css

    image-20210326162131200

     

3.2 安装插件

  • 回到本地blog目录,运行命令

  • 这是将本地博客推到远端的插件服务

    image-20210326162442192

3.3 设置配置文件 _config.yml

  • 用记事本打开blog下面的_config.yml

  • 找到文件最底部的 # Deployment

  • 需要配置下面三个参数

3.4 发布到远端

  • 期间会让你输入你的 码云账户名和密码。输入成功会自动推送

  • image-20210326163233096

  • 会带码云刚刚建立的仓库。打开服务中的

image-20210326163854635

image-20210326163910746

然后我们访问下面这个地址就能看见自己的博客。 每个人的地址不一样

image-20210326164355719

image-20210326164459632

4 .更换主题

  • 自己去官网选择一个主题
  • 我们以 Yilia-plus 为例。这个主题还是不错的

4.1 安装主题

  • 通过克隆地址 每个主题的地址在点进去之后可以看见

  • 如果克隆过慢

4.2 配置主题

  • 同样是编辑 _config.yml 文件 找到# Extensions

  • 修改成功之后运行一下

  • 然后刷新地址。查看

  • image-20210326171028300

  • 主题更换成功