美文网首页
搭建自己的第一个博客

搭建自己的第一个博客

作者: 秋天黄山 | 来源:发表于2021-01-09 23:30 被阅读0次

一、搭建hexo+github pages博客

来自(Bilibili)手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo

1.部署环境

①安装nodejs
sudo apt-get install nodejs

②安装npm
sudo apt-get install npm

③安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org

④正式安装hexo
cnpm install -g hexo-cli

2.初始化个人博客

①在/home/jian创建blog目录
mkdir blog

②初始化博客
sudo hexo init
//问题:此处一直出现throw new TypeError('Console expects a writable stream instance');错误,是因为node的版本过低,要在10.0以上,更新方法如下:
a.先安装n模块
sudo npm install -g n
b.更新 node
sudo n latest

③启动博客
hexo s

3.如何写博客

①创建博客
hexo n "我的第一篇博客文章"
②修改文章内容
vim 我的第一篇博客文章 //到相应目录下
③清理、生成

//先返回/blog目录
hexo clean  //清理
hexo g //生成
hexo s//重新启动

问题:FATAL Port 4000 has been used. Try other port instead.

解决方法:关掉终端,重新打开(原因:上次关闭hexo s 是用ctrl z,实际这个线程没关掉,4000端口被占用,下次关闭用ctrl c)

4.如何把个人博客部署到远端

①在github上创建新仓库

② 在blog目录下安装git部署插件
cnpm install --save hexo-deployer-git

③配置_config.yml

-----
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
        type: git
        repo: https://github.com/YourGithubName/YourGithubName.github.io.git
        branch: master
-----

④部署到Github仓库里
hexo d

⑤访问这个地址可以查看博客
https://YourGithubName.github.io/

5.如何给个人博客换主题

① 下载yilia主题到本地
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

②#修改hexo根目录下的 _config.yml 文件
theme: yilia

③重新部署到github

hexo c  //清理一下
hexo g  //生成
        //hexo s //在本地可以预览
hexo d  //部署到远程Github仓库
https://YourGithubName.github.io/  //查看博客

----------------------------分割线--------------------------------

#二、搭建hugo博客//此部分请跳过

1.安装hugo

a.去github.com/gohugoio/hugo/看看
b.直接命令行下载安装
sudo apt-get install hugo
判断安装是否完成:hugo version

2.用hugo来安装博客

hugo new site HugoBlog(在当前目录下生成一个HugoBlog文件夹)

3.下载并设置主题

hugo主题官网,按照里面的命令进行安装

4.在本地启动博客

hugo server -t hallo --buildDrafts

5.写一篇博文

hugo new post/blog.md

6.将hugo部署到远端GitHub pages

hugo --theme=Material --baseUrl="http://qiutian95.github.io/" --buildDrafts

相关文章

  • Hexo + gitHubPage +git博客搭建

    Hexo + gitHubPage +git博客搭建 之前参照网上的教程完成了博客的搭建。记录下自己怎么搭建博客的...

  • Typecho 主题修改方法 & 优秀主题推荐

    前言 上一篇已经介绍过如何搭建自己的 Typecho 博客(30分钟搭建 Typecho 博客),博客搭建完成自带...

  • 搭建自己的第一个博客

    一、搭建hexo+github pages博客 来自(Bilibili)手把手教你从0开始搭建自己的个人博客 |无...

  • 搭建ghost博客

    最近突然想自己搭建一个博客,网上搜了几个自己搭建博客的方法,最后还是选择了ghost。 以下是搭建步骤(此处是搭建...

  • 阿里云服务器安装WordPress,搭建自己的博客网站

    阿里云服务器安装WordPress,搭建自己的博客网站 很多人都想搭建自己的博客网站,如今要实现自己的博客网站已经...

  • hexo 搭建

    hexo 搭建自己的私人博客hexo 搭建自己的私人博客登录github地址 创建并登录自己的github账号 创...

  • 搭建自己博客

    一、预备工作 1、安装node.js以及npm(1)windows下的NodeJS安装是比较方便的(v0.6.0版...

  • 引言:关于我的个人博客

    这个文集是我将在简书记录的第一个文集,目的是记录自己搭建博客时的笔记和心得(博客建好前也不可能发到上面)。将来博客...

  • 搭建自己的博客

    原文链接 http://www.51vipdy.com/2018/07/10/%E9%98%BF%E9%87%8C...

  • 搭建自己的博客

    前言: 做为一个程序员,怎么可以没有属于自己的一个博客呢,更何况博客是自己的加分项。 一直想搭建一个博客,但是始终...

网友评论

      本文标题:搭建自己的第一个博客

      本文链接:https://www.haomeiwen.com/subject/zwlcaktx.html