Changed: word wrap(自动换行) for code

[upupming]

I find long code cross one line is really difficult to read, so I add the word wrap(自动换行) feature, which also has to disable default line numbers.

Before

After

More examples

How to configure hexo for word wrap

1. Modify the _config.yml in your blog's root folder to disable the line_number

highlight:
  enable: true
  line_number: false
  auto_detect: false
  tab_replace:

2. For me, I need to update hexo-server to make preview displays properly

npm install hexo-server --save

Feature request

I have another idea, but I don't know how to achieve it. Apply word wrap according to the config in the blog's root _config file:

1. Case line_number: true

   Use the normal scroll to view more of a long line.

2. Case line_number: false

   Use word wrap.

[Molunerfinn]

OK, I can do it. Thanks for your job, but I need to close it.

---

Update-1:

I find the hexo-renderer-stylus can't get the config of the root. It can just get the config of theme. If I can open a PR to add feature for this, then the users of theme-melody need to update their hexo-renderer-stylus, then it's a break change for theme-melody. I need to find a way to do this smoothly.

Update-2:

OK, I find a way to do this smoothly.

[upupming]

Thanks, you always take your users into consideration. I'm very happy to be one of the fans of such a responsible developer!

[Molunerfinn]

@upupming Thanks! Your idea is also perfect! Thank you for your contribution~

By the way, may be someone really don't like line_number. So I think we should not only change the config of root, but also add a option in melody.yml like code_word_wrap to get this feature. I have done for it.

[upupming]

Great, it works like a charm after I set code_word_wrap: true in melody.yml ~

[Molunerfinn]

Glad to hear that!