github个人网站搭建

一、注册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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在GitHub上搭建个人网站,你可以按照以下步骤进行操作: 1. 创建一个新的仓库(Repository):在GitHub上创建一个新的仓库,仓库名字可以是`<你的用户名>.github.io`,注意将`<你的用户名>`替换为你在GitHub上的用户名。 2. 选择网站生成器:选择一个适合的网站生成器来构建你的个人网站。一些常用的选择包括Jekyll、Hugo、Gatsby等。这些生成器可以帮助你快速构建静态网页。 3. 在本地设置仓库:将刚刚创建的仓库克隆到本地,并在本地设置相应的配置文件。具体操作取决于你所选择的网站生成器,你可以参考官方文档来完成这一步骤。 4. 定制你的网站:根据个人需求,进行网站的定制。你可以编辑页面内容、选择主题、添加自己的样式等。 5. 提交更改并推送到GitHub:完成网站的定制后,将更改提交到本地仓库,并将这些更改推送到GitHub上的仓库。 6. 配置GitHub Pages:在GitHub上找到刚刚创建的仓库,进入仓库的设置页面,找到GitHub Pages选项,并将它配置为从主分支(通常是`master`或`main`)来构建你的个人网站。 7. 等待构建完成:一旦你的个人网站的构建过程完成,你就可以在浏览器中访问`<你的用户名>.github.io`来查看你的个人网站了。 请注意,上述步骤是一个大致的指南,每个网站生成器可能有不同的具体操作步骤。记得查阅选用的生成器的官方文档以获得更详细的指导。祝你搭建成功!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值