效果预览:你的个人网站 准备:1. Windows电脑 2. GitHub账号使用Hexo框架搭建blog软件准备(1)Githttps://git-scm.com/ 参考网址:Git安装 https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html()Node.js https://nodejs.org/en/ 安装过程:(1)Node安装按照安装过程依次点击即可,安装过程很简单。 (2)安装Git按照网上的安装方式进行安装就可以了https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html() 安装Hexo(下面出现的检测全部是在git中进行的)——————————————————————————————————————— 检测Node.js安装是否成功:node-v(返回版本号)npm-v(返回版本号)——————————————————————————————————————— 安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)npm install -g cnpm –registry=https://registry.npm.taobao.org 建立一个仓库(Repository)(例:yourname.github.io) 在Blog目录下安装一个hexo部署插件cnpm install –save hexo-deployer-git 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开 注:Visual Studio Code的好处:1. 支持的语言种类多,视图简洁。2. 拥有插件种类多 找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:type一个名字,建议写成git便于识别;repository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了;branch分支这里设置管理员master更改以后进行保存 然后在进行hexo d将本地文件部署到GitHub新建的仓库中——————————————————————————————————————— 然后通过访问https://yourname.github.io就可以访问部署到GitHub上的blog了(例:https://yourname.github.io) 进一步深化操作过程(更换Blog的主题)这里以next主题为例进行更改——————————————————————————————————————— 首先,下载next主题在Git中输入git clone https://github.com/theme-next/hexo-theme-next themes/next(克隆地址)(克隆之后的本地位置) 进入themes/next文件夹下 找到root_config.yml文件,使用编辑器打开,建议使用Visual Studio Code打开 找到这部分代码(即theme配置项),将冒号后面的内容改为刚刚下载的主题hexo clean 清除数据库之类的Hexo生成静态网站hexo deploy 将现在的文件部署到GitHub中这样就实现了主题的更改

author