自建博客网站有哪些步骤,最详细的搭建个人博客教程

自建博客网站有哪些步骤,最详细的搭建个人博客教程,第1张

自建博客网站有哪些步骤,最详细的搭建个人博客教程 效果预览准备:1.windows电脑 2.github账号使用hexo框架搭建blog软件准备(1)Gi参考网址:git安装Git配置(2)Node.js安装过程:(1)Node安装按照安装过程依次点击即可,安装过程很简单。


(2)安装Git按照网上的安装方式进行安装就可以了(3)安装Hexo (下面出现的检测全部是在git中进行的)———————————————————————————————————————检测node安装是否成功:node -v(返回版本号)npm -v(返回版本号) ———————————————————————————————————————安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)npm install -g cnpm –registry=检测cnpm(返回cnpm的信息)cnpm -v(返回cnpm的版本信息)安装hexo(如果失败重新来过就可以了)cnpm install -g hexo-cli检测hexo -v(返回hexo的版本信息)初始化 *** 作过程:在本地建立blog文件夹进入Git页面pwd (查询目录所在位置)mkdir Blog (在目录下建立文件夹Blog)(如果在以后的 *** 作过程中出现问题无法解决就把这个文件夹删掉直接重新来过就可以了)———————————————————————————————————————cd Blog/ (进入Blog文件夹)pwd (检测是否进入Blog文件夹)——————————————————————————————————————— hexo init (即:初始化hexo)ls -l (查看初始化获得的文件)hexo s (启动hexo)这样就可以在本地4000端口查看自己的网站了进一步深化 *** 作过程1(将网站部署到Github上)首先申请一个github账号,然后再github中按照 自己的昵称+.github.io 建立一个仓库(repository)(例:hansonpang99.github.io)在Blog目录下安装一个hexo部署插件cnpm install –save hexo-deployer-git找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开注:Visual Studio Code的好处:1.支持的语言种类多, 2.视图简洁 3.拥有插件种类多找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改type 一个名字,建议写成git方便识别repo repository仓库地址 将刚刚新建的github仓库地址复制到这里就可以了branch 分支这里设置管理员 master更改以后进行保存然后再Git里面输入 hexo d 将本地文件部署到github新建的仓库中———————————————————————————————————————然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog进一步深化 *** 作过程2(更换Blog的主题)这里以 yilia 主题为例进行更换———————————————————————————————————————首先下载 yilia 主题在Git中输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia (克隆地址) (克隆之后的本地位置)找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的yilia———————————————————————————————————————hexo clean 清除数据库之类hexo g 生成静态网站hexo d 将现在的文件部署到github中这样就实现了主题的更改

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/621195.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-15
下一篇 2022-04-15

发表评论

登录后才能评论

评论列表(0条)

保存