搭建自己的第一个博客

2021-01-09  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读