轻松使用Hexo搭建个人博客

549 阅读2分钟

这是我参与8月更文挑战的第21天,活动详情查看:8月更文挑战

启动的时候使用这么一句话启动可以让启动的额shell关闭但是仍然在后台运行这个hexo(hexo s -p 80 &),也要()

  1. 购买服务器 推荐腾讯云或者阿里云,因为这些大的服务器厂商有一整套的解决方案,适合新生入门
  2. 购买域名
  3. 域名解析
  4. 域名绑定
  5. 在服务器中修改tomcat端口号为80,这样就可以直接访问,不需要加上端口号才能访问了
  6. 重启tomcat
  7. 域名绑定完成就可以直接使用域名访问到对应的网站了
  8. 将自己的网站放到tomcat中部署完成就可以完成使用了

搭建博客

  1. 动态博客,可以自己写代码达到博客的搭建,也可以使用WORDPRESS
  2. 静态博客,轻量,简单,但是实现不了很高级的功能,Hexojekyllhugo皮肤炫酷vuepress基于vueSolo适合java

使用HEXO搭建个人博客

  1. 服务器上下载npm,安装完成之后可以使用node -vnpm -v来判断是否安装成功
  2. 换镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  3. 安装Hexo-cli
    cnpm install -g hexo-cli
    安装完成之后可以使用hexo -v判断安装是否成功
    
  4. 下载并安装git
  5. 初始化博客:在对应的文件夹中使用:hexo init,初始化这个文件夹为博客的文件夹
  6. 开启博客,hexo s,这样就可以使用localhost:4000访问
  7. 新建文章,hexo n "标题",这个就在source/_posts/目录下创建了一个"文章.md",可以自己修改这个文章
  8. 清理,hexo clean
  9. 生成文章,hexo g
  10. 以上就搭建完成了

部署到github中

  1. 在github上创建一个仓库,需要注意的是,仓库名必须要和github的名字加上.github.io,例如我的就是ymy12138.github.io,回头访问的时候就是访问这个
  2. 在blog的文件夹中装一个插件cnpm install --save hexo-deployer-git
  3. 设置一下_config.yml
    在Deployment下
    deploy:
        type: git
        repo: "对应仓库的地址"
        branch: master
    注意,语法:后面得有一个空格
    
  4. 部署到github,hexo d 期间需要输入github的账号和密码
  5. 部署完成,可以使用自己的github路径进行访问了ymy12138.github.io

换主题

github.com/litten/hexo-theme-yilia

git clone https://github.com/iissnan/hexo-theme-next themes/next
  1. 下载主题 git clone xxxx 下载到themes中
  2. 修改_config.yml 修改theme的值,改成主题的名字yilia
  3. 执行清理hexo clean,执行生成hexo g,执行部署hexo s或者推到github上hexo d,可能需要等一会才能更新访问

总结

环境

需要git和node-->hexo

操作

  1. 初始化一个文件夹
  2. 部署
  3. 换主题
  4. 使用github部署