有关建站

欢迎来到white-x(白筱)的小站 ! 这是根据B站教程利用github搭建的网站。

hexo的基本指令

npm install hexo -g   //安装  
npm update hexo -g 	  //升级 
hexo version  	      //查看hexo的版本
hexo init nodejs-hexo   //创建nodejs-hexo 名字的本地文件
hexo init nodejs-hexo    //创建博客
hexo init blog          //初始化，生成文件夹为blog
cd blog  	             //进入blog文件夹
npm install            //安装依赖库
hexo generate           //生成一套静态网页
hexo server         //运行测试,浏览器打开地址，http://localhost:4000/
hexo deploy         //进行部署

hexo new "new article"  //新建文章‘new article’
hexo new page "about"  //新建页面 ‘about’

hexo n "我的博客"` == `hexo new` "我的博客"    //新建文章
hexo g == hexo generate        //生成`
hexo s == hexo server          //启动服务预览
hexo d == hexo deploy          //部署

Hexo文章属性设置

设置 - - - - 描述 - - - - Default
layout - - - - Layout - - - - post或page
title - - - - 文章的标题 - - - -
date - - - - 创建日期 - - - - 文件的创建日期
updated - - - - 修改日期 - - - - 文件的修改日期
comments - - - - 是否开启评论 - - - - true
tags - - - - 标签
categories - - - - 分类
permalink - - - - url中的名字 - - - - 文件名

github上hexo搭建博客-绑定域名

这里选择阿里云域名
登陆阿里云控制台，选择域名，选择要绑定的域名，点解析
解析页，添加记录，
记录类型 A
主机记录 WWW, @
记录值 填写对应的github的ip地址
Github的ip地址获取
clone 你创建的仓库, 用户名.github.io
输入 ping www.用户名.github.io
Ping sni.github.map.fastly.net [151.202.68.147], IP地址
在source目录下创建这个CNAME文件，输入域名
提交代码，点击域名，一般很快就生效。

代码块

语法格式

{% codeblock [title] [lang:language] [url] [link text] %}
code snippet
{% endcodeblock %}

普通的代码块

{% codeblock %}
alert('Hello World!');
{% endcodeblock %}

指定语言

{% codeblock lang:objc %}
[rectangle setX: 10 y: 10 width: 20 height: 20];
{% endcodeblock %}

附加说明和网址

{% codeblock _.compact http://underscorejs.org/#compact Underscore.js %}
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
{% endcodeblock %}

Image 在文章中插入指定大小的图片。

{% img [class names] /path/to/image [width] [height] [title text [alt text]] %} 	//语法
{% img [class names] /yn.jpeg [300] [height] [云南风景 [风景图片]] %} 	//实例

Youtube

{% youtube video_id %} 	//语法
{% youtube ICkxRE_GdgI %}  //id在Url中

插入音乐

 <audio style="display:none; height: 0" id="bg-music" preload="auto" src="http://music.163.com/song/media/outer/url?id=1841002409.mp3" loop="loop"></audio>
<script>
    $(document).ready(function(){
            autoPlayMusic();
            audioAutoPlay();
        });
        function audioAutoPlay() {
            var audio = document.getElementById('bg-music');
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }
        // 音乐播放
        function autoPlayMusic() {
            // 自动播放音乐效果，解决浏览器或者APP自动播放问题
            function musicInBrowserHandler() {
                musicPlay(true);
                document.body.removeEventListener('touchstart', musicInBrowserHandler);
            }
            document.body.addEventListener('touchstart', musicInBrowserHandler);
            // 自动播放音乐效果，解决微信自动播放问题
            function musicInWeixinHandler() {
                musicPlay(true);
                document.addEventListener("WeixinJSBridgeReady", function () {
                    musicPlay(true);
                }, false);
                document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);
            }
            document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
        }
        function musicPlay(isPlay) {
            var media = document.querySelector('#bg-music');
            if (isPlay && media.paused) {
                media.play();
            }
            if (!isPlay && !media.paused) {
                media.pause();
            }
        }

</script>