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

搭建自己的第一个博客

作者: 秋天黄山 | 来源:发表于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

    相关文章

      网友评论

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

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