当前位置:   article > 正文

github个人网站搭建_github tina

github tina

一、注册github账号(省略)
二、博客搭建
1、nodeJS下载安装

  • 下载地址:https://nodejs.org/en/download/
    在这里插入图片描述
  • 下载完成后全部下一步、下一步安装就可以了。
  • 安装完成后Win+R,输入cmd,在控制面板符中输入node -v,出现版本号,说明安装成功。
    在这里插入图片描述
  • 新版本自动配置环境变量,如果输入node找不到,则可能是环境变量没有配置,需要手动配置一下。

2、安装hexo

  • 基础环境
    在这里插入图片描述
  • 先创建一个文件夹用来存放所有blog的东西,安装cnpm。(npm install -g cnpm --registry=https://registry.npm.taobao.org)
    在这里插入图片描述
  • 输入cnpm install hexo-cli -g,安装Hexo。
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210104194909943.png
    在这里插入图片描述
  • 初始化一个hexo博客。
    在这里插入图片描述
  • 启动博客
    在这里插入图片描述
  • 输入localhost:4000。

在这里插入图片描述

  • 安装插件,使用cnpm install --save hexo-deployer-git。
    在这里插入图片描述
  • 修改vim _config.yml配置文件在这里插入图片描述
  • hexo d命令部署,然后输入你的GitHub账号。
    在这里插入图片描述
  • 输入https://用户名.github.io
    在这里插入图片描述

3、更换主题(yilia主题)

  • 选择主题,这里将主题克隆到thems/yilia目录下。
    git clone --depth=1 git://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus
    在这里插入图片描述
  • 修改_config.yml文件的theme字段,把landscape改为yilia-plus
    *在这里插入图片描述
  • 清理一下
    在这里插入图片描述
  • 重新生成一下
    在这里插入图片描述
  • 重新启动,本地查看一下
    在这里插入图片描述
    在这里插入图片描述
  • 重新推到github上
    在这里插入图片描述
    *成功
    在这里插入图片描述
  • 修改主题信息,修改yilia-plus目录下的_config.yml文件
  • 示例:修改头像
    在这里插入图片描述
    *修改完毕后,推送到远程仓库即可。

4、写文章

  • hexo n “我的第一篇博客文章”,会在source目录下创建一个_posts文件,里面存放你的文章。
    在这里插入图片描述
    在这里插入图片描述

  • 编辑文章(可用别的编辑器,使用markdown的格式)
    在这里插入图片描述
    在这里插入图片描述

  • 然后回到目录,重生成。
    在这里插入图片描述

  • 启动查看
    在这里插入图片描述

  • hexo d推上github

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/954700
推荐阅读
相关标签
  

闽ICP备14008679号